/ ディレクトリ / プレイグラウンド / pinme
● コミュニティ glitternetwork ⚡ 即起動

pinme

作者 glitternetwork · glitternetwork/pinme

設定不要のフロントエンドデプロイをIPFSへ — CLIコマンド一つでClaudeがpinme upload distを実行し、プレビューURLを返します。

PinMeは、静的サイト(dist/build/out/public)をアカウントやサーバー不要でIPFSにワンコマンドでデプロイできるCLI + Claude Skillです。本スキルにはAI Execution Protocolが組み込まれており、ClaudeがNodeの確認、CLIのインストール、適切なビルドフォルダの検出、プレビューURLの返却までを正確に実行します。

なぜ使うのか

主な機能

ライブデモ

実際の動作

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

ランディングページのプレビューリンクを1分以内に公開する

👤 Claude Codeで静的サイトを反復開発している開発者 ⏱ ~3 min beginner

使うタイミング: Vercel/Netlifyの設定なしで、生のリンクだけでプレビューを共有したいとき。

前提条件
  • Node.jsがインストール済みであること — node >= 18 — スキルが自動で確認します
  • ビルド済みの静的サイト — フレームワークのビルドコマンドを実行(例:npm run build
フロー
  1. Claudeにデプロイを依頼する
    Build this Astro site and deploy it with pinme.✓ コピーしました
    → Claudeがビルドを実行し、dist/を検出、必要に応じてpinmeをインストールし、アップロードを実行
  2. URLを受け取る
    (no prompt — just wait)✓ コピーしました
    → チャットにプレビューURLが返される

結果: 共有可能なIPFSホスティングのプレビュー。

注意点
  • フォルダの誤検出(例:dist/とbuild/が両方ある場合) — Claudeに明示的に伝える:'upload from build/'
  • IPFSゲートウェイの初回読み込みが遅い — 想定どおりの動作です — 以降の読み込みはキャッシュされます
組み合わせ: filesystem

イテレーションごとに新しいプレビューURLを取得するレビューサイクルを回す

👤 Claudeが生成したUIをレビューするデザイナー beginner

使うタイミング: プロトタイプを反復しており、各バージョンをリンクで共有したいとき。

フロー
  1. 変更のたびにビルドしてデプロイする
    Every time I say 'ship', rebuild and upload via pinme, then post the URL.✓ コピーしました
    → Claudeがビルド → デプロイ → URL返却のリズムを確立する

結果: イテレーション履歴をリンクで辿れるプレビュー一覧。

注意点
  • デプロイのたびにIPFS CIDが変わる(想定どおり) — 固定URLが必要な場合はENSまたはDNSLinkを使用
組み合わせ: filesystem

組み合わせ

他のMCPと組み合わせて10倍の力を

pinme-skill + filesystem

Claudeがサイトを作成・編集し、セッションを離れずにpinmeでデプロイする

Edit the hero copy, rebuild, then pinme upload dist — give me the new URL.✓ コピーしました
pinme-skill + github

変更のコミットとプレビューURLの発行を1ターンで完了する

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.) 静的ビルドをデプロイする Free tier available
Build-folder auto-detection current project directory アップロード前に実行 0
Node version verification none 事前チェック 0

コストと制限

運用コスト

APIクォータ
PinMe無料枠に利用上限あり。現在の制限はpinme.ethで確認してください
呼び出しあたりのトークン
ごくわずか — スキルは軽量です
金額
無料枠あり。より大きなサイトや長期ピン留めには有料プランを利用
ヒント
テスト用プレビューは期限切れにし、本番URLのみ長期ピン留めしてください。

セキュリティ

権限、シークレット、影響範囲

認証情報の保管: 匿名アップロードには認証情報は不要です。ピン留めの永続化にはオプションでアカウントキーを使用できます。
データ送信先: アップロードされたバンドルはIPFSに送信されます — 設計上パブリックです。シークレット、.envファイル、非公開アセットは絶対にアップロードしないでください。

トラブルシューティング

よくあるエラーと対処法

pinme: command not found

スキルが自動インストールするはずですが、ブロックされた場合はnpm i -g pinmeを手動で実行してください。

確認: pinme --version
Upload hangs(アップロードが停止する)

ネットワークを確認してください。企業のファイアウォールがIPFSブートストラップノードをブロックしている場合があります。

Wrong folder uploaded(誤ったフォルダがアップロードされた)

自動検出に頼らず、明示的にパスを指定してください:pinme upload ./dist

代替案

pinme 他との比較

代替案代わりに使う場面トレードオフ
Vercel / Netlifyカスタムドメイン、サーバーレスファンクション、またはCI連携が必要な場合機能は豊富だが、アカウント登録と設定が必要
GitHub PagesコードがGitHub上にあり、安定したgithub.io URLが欲しい場合リポジトリに依存する。デプロイサイクルが遅い

その他

リソース

📖 GitHub の公式 README を読む

🐙 オープンな issue を見る

🔍 400以上のMCPサーバーとSkillsを見る