vibesharing

VibeSharing MCP サーバー

AI コーディングアシスタントとチームをつなぐ、待望のリンクです。

GitHub でこれを読んでいる方へ： erova/vibesharing-mcp は読み取り専用のミラーで、リリースごとに自動公開されています。ここに対するプルリクエストは、次回の同期時に 上書きされます。バグの報告や変更のリクエストは、 issue を作成するか、 [email protected] までご連絡ください。

Claude Code、Cursor、その他の AI ツールでプロトタイプを作成し、チームとすぐに共有してフィードバックを得られます。作業を切り替える必要も、URL をコピー＆ペーストする必要もありません。公開して、すぐに共同作業を始められます。

クイックスタート

1. トークンを取得する

vibesharing.app で登録し、アカウント設定 に移動して、次の操作を行います。

• デプロイトークンをコピーする — vs_ で始まります
• GitHub アカウントを接続する（任意）— デプロイへのプッシュが可能になります

2. エディターを接続する

Cursor / Windsurf / Claude Desktop（推奨 — 常に最新の状態を利用できます）：

{
  "mcpServers": {
    "vibesharing": {
      "url": "https://vibesharing.app/api/mcp",
      "headers": {
        "Authorization": "Bearer vs_YOUR_TOKEN"
      }
    }
  }
}

.cursor/mcp.json（Cursor）または ~/Library/Application Support/Claude/claude_desktop_config.json（Claude Desktop）に追加します。

Claude Code：

claude mcp add vibesharing -s user \
  -e VIBESHARING_TOKEN=vs_YOUR_TOKEN \
  -- npx -y @vibesharingapp/mcp-server@latest

その後、エディターを再起動します。これで準備完了です。

3. 共有を始める

You: "Share this page on VibeSharing"
You: "Deploy this to the Product Redesign collection"
You: "What feedback came in on the dashboard?"

できること

静的 HTML ページをすぐに共有する

"Share this HTML file on VibeSharing"

コマンドは 1 つだけです。Vercel も GitHub も React ラッパーも必要ありません。フィードバックウィジェットが組み込まれた HTML ページを公開できます。CSS、SVG、画像は自己完結型のファイルに自動でバンドルされます。

プロジェクト全体をデプロイする

"Deploy this to VibeSharing in the Hero Use Cases collection as checkout-v3"

Claude がコレクションを確認し、デプロイに名前を付け、GitHub リポジトリの作成、デプロイ、チームへの登録まで、すべてを 1 回の会話で処理します。最初の 3 つのプロトタイプは当社のサーバーでホストされます。独自の Vercel または Netlify アカウントを接続すれば、上限はなくなります。

最初のプロンプトからデザインシステムに合わせる

"Build a settings page using our design system"

quick_prototype は組織に適したテンプレートを選び、CSS 変数と記述されたデザイン指示を AI に渡してデプロイします。そのため、汎用的なデザインで作成した後に手直しするのではなく、生成時からブランドに沿ったプロトタイプになります。利用可能なテンプレートは list_templates で確認できます。

フィードバックを 1 人ずつ確認する

"What feedback did I get on the checkout flow?"
"Walk me through Jordan's comments"

ローカルサーバーでは、最近のプロトタイプに寄せられた未対応のフィードバックが、セッション中の最初の VibeSharing ツール呼び出し時に要約されます。尋ねなくても、確認待ちのフィードバックがあることがわかります。（リモートエンドポイントではまだ利用できません。）

名前を指定せずに get_feedback を呼び出すと、すべてのフィードバックが投稿者ごとにグループ化され、「4 人から 9 件、うち 6 件が未対応」のように表示されます。大量のテキストが返されることはありません。名前を指定すると、その人のコメントを 1 件ずつ確認できます。各コメントには、投稿されたページ、ピン留めされた位置、回答対象の質問、その下の返信、スクリーンショット画像そのものが含まれるため、リンクを開かなくても相手が見たものを確認できます。コメントごとに、対応するか、見送るか、話し合うかを選べます。close_feedback_loop を使うと、実施した内容を相手に伝えられます。

すべてのバージョンを保持し、安全に分岐する

"Show me the version history"
"Fork this so I can try a dark variant"
"Roll back to v3"

デプロイごとに番号付きのバージョンが作成され、それぞれ固有の変更不可能な URL が割り当てられます。fork_prototype は元のプロトタイプに触れずに試せるよう、別の URL にコピーします。rollback_deploy を使えば、Git ベースのプロトタイプも静的プロトタイプも、以前の任意のバージョンに戻せます。

顧客に見てもらう

"Set up a study comparing these three variants"

create_campaign は、独自の質問（星評価、複数選択、自由記述）を設定できるゲート付きポータルに複数のプロトタイプをまとめます。また、名前が「v2」のような選好テストへの影響を防ぐため、順序を伏せたランダムな A/B/C 表示にも対応しています。作成時は下書きとして登録されます。ポータルを公開して対象者を招待するかどうかは、ダッシュボードで明示的に決めます。

デプロイ前にビルドエラーを検出する

"Check this will build before we ship it"

validate_project は、フレームワークの依存関係が見つからない、ビルドスクリプトがない、設定が競合しているといった、デプロイを実際に失敗させる問題を探し、後からスタックトレースを返すのではなく修正方法を提示します。

セッションをまたいでコンテキストを保持する

"Sync my CLAUDE.md to VibeSharing"

プロジェクトのコンテキストは VibeSharing に保持されるため、チームメンバー（または AI セッション）がいつでも作業を引き継げます。CLAUDE.md と AGENTS.md はデプロイ時に自動で同期されます。

問題のトラブルシューティング

"Run a VibeSharing health check"

diagnose ツールはトークン、GitHub 接続、デプロイロック、最近のエラーを確認し、可能なものは自動修正します。修正できない問題がある場合は、send_support_request が詳細なレポートを管理者に送信します。

利用可能なツール（31）

ツール	説明
デプロイと共有
quick_prototype	アイデアからライブ URL までを一度に実現します。デザインシステムのテンプレートを選び、ブランドに合ったコードを生成してデプロイします
share_html	静的 HTML をすぐに共有します。ホスティングアカウントも GitHub も不要です。CSS／SVG／画像を自動でバンドルします。
deploy_files	複数ファイルのプロジェクトを、名前付きデプロイとして GitHub とホスティングプロバイダーにデプロイします
deploy_prototype	単一のコードファイルを直接デプロイします
import_repo	GitHub リポジトリを VibeSharing にインポートします
register_prototype	URL でデプロイ済みのプロトタイプを登録します
validate_project	デプロイ前にプロジェクトがビルドできるか確認します。不足しているフレームワーク、ビルドスクリプト、競合する設定を検出します
デザインシステム
list_templates	組織のデザインシステムテンプレートを一覧表示します
get_template	テンプレートの CSS 変数、スターターページ、AI デザイン指示を取得します。コードを書く前に呼び出してください
整理
resolve_target	コレクションとプロジェクトをあいまい検索し、デプロイ先を確認します
create_collection	新しいコレクションを作成します
list_prototypes	組織内のすべてのプロトタイプを一覧表示／検索します
list_collections	すべてのコレクションを一覧表示／検索します
update_prototype	プロトタイプの名前を変更するか、説明と URL をその場で更新します
delete_prototype	プロトタイプとその履歴を削除します。この操作は取り消せません。作成者または組織の管理者のみ実行できます
バージョンとバリエーション
list_versions	バージョン履歴を表示します。バージョン番号、ファイル数、コミット情報、ロールバック可能な内容を確認できます
fork_prototype	プロトタイプを独自の URL にコピーしてバリエーションを試します。元のプロトタイプには影響しません
rollback_deploy	Git ベースと静的プロトタイプの以前のバージョンを復元します
調査
create_campaign	顧客調査を設定します。複数のプロトタイプ、質問、任意のブラインド A/B/C 順序を指定できます
フィードバック
get_feedback	作成者ごとにグループ化したフィードバック、または一人のコメントを完全なコンテキスト付きのキューとして取得します
triage_feedback	フィードバックのステータス、優先度、担当者を更新します
generate_feedback_topics	レビュー担当者向けのガイド付きフィードバック質問を作成します
close_feedback_loop	関係者へのメモを添えてフィードバックを解決済みにします
コンテキスト
sync_context	CLAUDE.md、AGENTS.md、またはプロジェクトメモをプッシュします
upload_source	既存のプロトタイプにソースコードをアップロードします
add_context_link	参照リンク（Figma、PRD、ドキュメント）を添付します
list_context_links	コレクションまたはプロジェクトの参照リンクを一覧表示します
remove_context_link	参照リンクを削除します
診断
diagnose	ヘルスチェックを実行します。トークン、GitHub、デプロイロック、最近のエラーを確認します
send_support_request	コンテキストを添えてサポートリクエストを管理者に送信します
verify_token	デプロイトークンが有効か確認します

リモートとローカル

リモート（推奨）：vibesharing.app/api/mcp に接続します。常に最新で、インストール不要、キャッシュの問題もありません。どこでも動作します。

ローカル（上級者向け）：npx で実行します。file_path パラメーターを使ってディスク上のファイルを読み取れます。Node.js 18 以降が必要です。更新後に npx clear-npx-cache が必要になる場合があります。

環境変数（ローカルのみ）

変数	必須	説明
VIBESHARING_TOKEN	はい	VibeSharing のデプロイトークン
VIBESHARING_URL	いいえ	カスタム API URL（デフォルトは https://vibesharing.app）

詳細はこちら

• VibeSharing — 無料で登録
• セットアップガイド — すべてのエディター向けの手順を順を追って説明します
• トラブルシューティング — よくある問題と解決方法
• GitHub — ソースコード

---

一人での開発はやめて、チームでリリースしましょう。