Peacock Mcp

VS Code 用 Peacock 拡張機能の MCP サーバーです。コードエディターをひとつずつ彩ります。このプロジェクトの主な目的は、MCP サーバーを API とのやり取りにどのように利用できるかを示すことです。

注: この MCP サーバーが使用するデータはすべて、Peacock の公式ドキュメントから取得しています。

🔧 機能

• Peacock のドキュメントを取得: Peacock に関する詳しい情報を取得します。

🧰 ツール

1. fetch_peacock_docs 🔍🦸‍♂️

• 説明: GitHub リポジトリから VS Code 用 Peacock 拡張機能のドキュメントを取得し、そのドキュメントに基づいて質問に回答します
• 入力:
  • prompt（クエリ）: Peacock に関する質問です。
• 戻り値: 回答です！

🛠️ セットアップ

こちらから VS Code 用 Peacock をインストール。

VS Code Insiders の GitHub Copilot でホストされる MCP サーバーの実行

注: Claude Desktop ですでに MCP サーバーを有効にしている場合は、VS Code の設定に chat.mcp.discovery.enabled: true を追加すると、既存の MCP サーバーリストが検出されます。

特定のリポジトリに MCP サーバーを関連付ける場合は、以下の内容で .vscode/mcp.json ファイルを作成してください。

{
  "inputs": [],
  "servers": {
    "peacock-mcp": {
      "command": "npx",
      // "command": "node",
      "args": [
        "-y",
        "@johnpapa/peacock-mcp"
        // "_git/peacock-mcp/dist/index.js"
      ],
      "env": {}
    }
  }
}

すべてのリポジトリに MCP サーバーを関連付ける場合は、以下を VS Code のユーザー設定 JSON に追加してください。

"mcp": {
  "servers": {
    "peacock-mcp": {
      "command": "npx",
      // "command": "node",
      "args": [
        "-y",
        "@johnpapa/peacock-mcp"
        // "/Users/papa/_git/peacock-mcp/dist/index.js"
        // "_git/peacock-mcp/dist/index.js"
      ],
      "env": {}
    }
  }
}
"chat.mcp.discovery.enabled": true,

VS Code への手動インストール

注: 手早くインストールするには、この README の上部にあるインストールボタンをクリックしてください。

VS Code の設定を使用する

VS Code に Peacock MCP サーバーを手動でインストールするには、次の手順に従います。

1. Cmd+Shift+P（macOS）または Ctrl+Shift+P（Windows/Linux）を押し、「Preferences: Open User Settings (JSON)」を検索して、VS Code の設定（JSON）を開きます。
2. 次の JSON を設定ファイルに追加します。

{
  "mcp": {
    "servers": {
      "peacock-mcp": {
        "command": "npx",
        "args": ["-y", "@johnpapa/peacock-mcp"],
        "env": {}
      }
    }
  },
  "chat.mcp.discovery.enabled": true
}

CLI コマンドを使用する

VS Code Stable の場合：

code --add-mcp '{"name":"peacock-mcp","command":"npx","args":["-y","@johnpapa/peacock-mcp"],"env":{}}'

VS Code Insiders の場合：

code-insiders --add-mcp '{"name":"peacock-mcp","command":"npx","args":["-y","@johnpapa/peacock-mcp"],"env":{}}'

Smithery 経由でインストールする

Smithery 経由で Claude Desktop 用の Peacock MCP Server を自動的にインストールするには：

npx -y @smithery/cli install @johnpapa/peacock-mcp --client claude

MCP Inspector を使用して MCP サーバーをローカルで実行する

サーバーをテストするために MCP Inspector をローカルで実行する場合は、次の手順に従います。

1. このリポジトリをクローンします。

   git clone https://github.com/johnpapa/peacock-mcp
   

2. 必要な依存関係をインストールし、プロジェクトをビルドします。

   npm install
   npm run build
   

3. （任意）MCP Inspector を使用してサーバーを試すには、次のコマンドを実行します。

   # Start the MCP Inspector
   npx @modelcontextprotocol/inspector node build/index.js
   

   コンソールに表示された MCP Inspector の URL をブラウザーで開きます。Arguments を dist/index.js に変更し、Connect を選択します。List Tools を選択すると、利用可能なツールが表示されます。

GitHub Copilot でツールを使用する

1. mcp サーバーが検出可能になったので、GitHub Copilot を開き、Agent モード（Chat や Edits ではありません）を選択します。

2. Copilot チャットのテキストフィールドにある「更新」ボタンを選択して、サーバー一覧を更新します。

3. 「🛠️」ボタンを選択すると、このリポジトリのツールを含む、利用可能なすべてのツールが表示されます。

4. 次の例のように、ツールのいずれかが自然に呼び出されるような質問をチャットに入力します。

   How do I set my VS Code accent colors?
   

   注： 「Sorry, the response was filtered by the Responsible AI Service. Please rephrase your prompt and try again.」と表示された場合は、もう一度実行するか、プロンプトの言い回しを変えてみてください。