VS Code の GitHub Copilot を接続する

ブラウザーでの OAuth サインイン

**Reconstruct を VS Code にインストール**すると、ユーザー設定にサーバー https://reconstruct.dev/mcp が追加されます。VS Code はクライアントの自動登録を行い、サーバーの起動時にブラウザーで Reconstruct のサインイン画面を開きます。サインインが完了しない場合は個人アクセストークンを使います。クライアントの互換性を参照してください。

個人アクセストークン

Reconstruct Platform のアカウント設定から MCP アクセストークンをコピーします。接続要件は開始前の準備を参照してください。

ワークスペースに .vscode/mcp.json を作成します。VS Code はトークンの入力を求め、後で使えるよう入力値を保存します。

{
  "inputs": [
    {
      "id": "reconstruct-token",
      "type": "promptString",
      "description": "Reconstruct MCP access token",
      "password": true
    }
  ],
  "servers": {
    "reconstruct": {
      "type": "http",
      "url": "https://reconstruct.dev/mcp",
      "headers": {
        "Authorization": "Bearer ${input:reconstruct-token}"
      }
    }
  }
}

MCP: List Servers を実行して起動・確認します。Copilot Chat を Agent モードに切り替え、ツール選択で Reconstruct のツールを有効にします。Copilot に list_products の呼び出しを依頼し、アクセスを確認してください。VS Code の公式 MCP 設定を参照してください。

続いてプロンプトの例を試してください。