/ 디렉터리 / 플레이그라운드 / pinme
● 커뮤니티 glitternetwork ⚡ 바로 사용

pinme

제작: glitternetwork · glitternetwork/pinme

Zero-config frontend deploys to IPFS via one CLI command — Claude runs pinme upload dist and hands back a preview URL.

PinMe is a CLI + Claude Skill that deploys static sites (dist/build/out/public) to IPFS in a single command, no accounts or servers. The skill contains an AI Execution Protocol so Claude knows exactly how to verify Node, install the CLI, detect the right build folder, and return the preview URL to the user.

왜 쓰나요

핵심 기능

라이브 데모

실제 사용 모습

pinme-skill.replay ▶ 준비됨
0/0

설치

클라이언트 선택

~/Library/Application Support/Claude/claude_desktop_config.json  · Windows: %APPDATA%\Claude\claude_desktop_config.json
{
  "mcpServers": {
    "pinme-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/glitternetwork/pinme",
        "~/.claude/skills/pinme"
      ],
      "_inferred": true
    }
  }
}

Claude Desktop → Settings → Developer → Edit Config 열기. 저장 후 앱 재시작.

~/.cursor/mcp.json · .cursor/mcp.json
{
  "mcpServers": {
    "pinme-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/glitternetwork/pinme",
        "~/.claude/skills/pinme"
      ],
      "_inferred": true
    }
  }
}

Cursor는 Claude Desktop과 동일한 mcpServers 스키마 사용. 프로젝트 설정이 전역보다 우선.

VS Code → Cline → MCP Servers → Edit
{
  "mcpServers": {
    "pinme-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/glitternetwork/pinme",
        "~/.claude/skills/pinme"
      ],
      "_inferred": true
    }
  }
}

Cline 사이드바의 MCP Servers 아이콘 클릭 후 "Edit Configuration" 선택.

~/.codeium/windsurf/mcp_config.json
{
  "mcpServers": {
    "pinme-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/glitternetwork/pinme",
        "~/.claude/skills/pinme"
      ],
      "_inferred": true
    }
  }
}

Claude Desktop과 같은 형식. Windsurf 재시작 후 적용.

~/.continue/config.json
{
  "mcpServers": [
    {
      "name": "pinme-skill",
      "command": "git",
      "args": [
        "clone",
        "https://github.com/glitternetwork/pinme",
        "~/.claude/skills/pinme"
      ]
    }
  ]
}

Continue는 맵이 아닌 서버 오브젝트 배열 사용.

~/.config/zed/settings.json
{
  "context_servers": {
    "pinme-skill": {
      "command": {
        "path": "git",
        "args": [
          "clone",
          "https://github.com/glitternetwork/pinme",
          "~/.claude/skills/pinme"
        ]
      }
    }
  }
}

context_servers에 추가. 저장 시 Zed가 핫 리로드.

claude mcp add pinme-skill -- git clone https://github.com/glitternetwork/pinme ~/.claude/skills/pinme

한 줄 명령. claude mcp list로 확인, claude mcp remove로 제거.

사용 사례

실전 활용법: pinme

Ship a preview link for a landing page in under a minute

👤 Developers iterating on a static site with Claude Code ⏱ ~3 min beginner

언제 쓸까: You want to share a preview without configuring Vercel/Netlify, just a raw link.

사전 조건
  • Node.js installed — node >= 18 — the skill verifies this
  • A built static site — Run your framework's build (e.g. npm run build)
흐름
  1. Ask Claude to deploy
    Build this Astro site and deploy it with pinme.✓ 복사됨
    → Claude runs the build, detects dist/, installs pinme if missing, runs the upload
  2. Get the URL
    (no prompt — just wait)✓ 복사됨
    → Preview URL returned in the chat

결과: A shareable IPFS-hosted preview.

함정
  • Wrong folder detected (e.g. has both dist/ and build/) — Tell Claude explicitly: 'upload from build/'
  • IPFS gateway slow on first load — Expected — subsequent loads are cached
함께 쓰기: filesystem

Run a review cycle where each iteration gets a fresh preview URL

👤 Designers reviewing Claude-generated UIs beginner

언제 쓸까: You're iterating on a prototype and want every version to be linkable.

흐름
  1. Build and deploy after each change
    Every time I say 'ship', rebuild and upload via pinme, then post the URL.✓ 복사됨
    → Claude develops a rhythm of build → deploy → URL

결과: A linkable preview history of your iterations.

함정
  • IPFS CIDs change on every deploy (expected) — Use ENS or DNSLink if you want a stable URL
함께 쓰기: filesystem

조합

다른 MCP와 조합해 10배 효율

pinme-skill + filesystem

Claude writes or edits the site, then deploys via pinme without leaving the session

Edit the hero copy, rebuild, then pinme upload dist — give me the new URL.✓ 복사됨
pinme-skill + github

Commit the change and ship a preview URL in one turn

Commit the change on a branch, deploy via pinme, and put the preview URL in the PR description.✓ 복사됨

도구

이 MCP가 노출하는 것

도구입력언제 호출비용
pinme upload <folder> folder path (dist/, build/, etc.) Deploy a static build Free tier available
Build-folder auto-detection current project directory Before the upload 0
Node version verification none Pre-flight check 0

비용 및 제한

운영 비용

API 쿼터
PinMe free tier with usage caps; check pinme.eth for current limits
호출당 토큰
Trivial — the skill is small
금액
Free tier available; paid tiers for larger / more persistent pins
Let test previews expire; only pin the production URL long-term.

보안

권한, 시크릿, 파급범위

자격 증명 저장: No credentials required for anonymous uploads. Optional account key for pinning persistence.
데이터 외부 송신: Uploaded bundle goes to IPFS — public by design. Never upload secrets, .env files, or non-public assets.

문제 해결

자주 발생하는 오류와 해결

pinme: command not found

The skill should install it; run npm i -g pinme manually if blocked.

확인: pinme --version
Upload hangs

Check network; some corporate firewalls block IPFS bootstrap nodes.

Wrong folder uploaded

Pass an explicit path: pinme upload ./dist rather than relying on auto-detect.

대안

pinme 다른 것과 비교

대안언제 쓰나단점/장점
Vercel / NetlifyYou want custom domains, serverless functions, or CI integrationMore features, requires account and config
GitHub PagesYour code is on GitHub and you want a stable github.io URLCoupled to a repo; slower deploy loop

더 보기

리소스

📖 GitHub에서 공식 README 읽기

🐙 열린 이슈 보기

🔍 400+ MCP 서버 및 Skills 전체 보기