MCP サーバー

Model Context Protocol (MCP) を使用すると、外部ツールサーバーをAIエージェントに接続できます。MCPツールは組み込みツールを超えてエージェントの機能を拡張します。

組み込みMCPサーバー

bricks-ctor には、bun install 時に自動設定される組み込みの bricks-ctor MCPサーバーが含まれています。コンパイル、プレビュー、アイコンとLottieアニメーションの検索、Hugging Faceモデルの選択、メディアアセットの管理のためのツールを提供します。

bricks-ctor 組み込みMCPサーバー

bricks-ctorドキュメントの完全なツールリファレンスを参照してください。

bricks-ctor サーバーが CTOR 内で動作するときは、その preview ツールが無効化され、代わりに組み込みのプレビューペインが使われます — スクリーンショットはペインの表示と一致し、同じシミュレータが可視プレビューとエージェントのキャプチャの両方を担います。他のエージェント（Claude Code、Codex、CLI）はこれまでどおり MCP の preview ツールを使用します。

設定

MCPサーバーはプロジェクトルートの .mcp.json ファイルで設定します：

{
  "mcpServers": {
    "my-server": {
      "command": "npx",
      "args": ["-y", "some-mcp-server"],
      "env": {
        "API_KEY": "your-api-key"
      }
    }
  }
}

トランスポートタイプ

stdio

MCPサーバーを子プロセスとして生成し、標準入出力で通信します。

{
  "mcpServers": {
    "my-server": {
      "command": "npx",
      "args": ["-y", "some-mcp-server"],
      "env": {}
    }
  }
}

フィールド	説明
`command`	実行するコマンド
`args`	コマンド引数の配列
`env`	プロセスの環境変数

HTTP

HTTPを介してリモートMCPサーバーに接続します。

{
  "mcpServers": {
    "remote-server": {
      "url": "https://mcp.example.com/sse"
    }
  }
}

フィールド	説明
`url`	サーバーエンドポイントURL