Model Context Protocol

どんな AI エージェントも M2 キャンバスに接続

M2 はホスト型の MCP サーバーを提供しています。エージェントに URL をひとつ追加するだけで、無限キャンバス上のライブ UI を読み書き、キャプチャ、オーケストレーションできます。

エンドポイントhttps://test-mcp.patch.design/mcp

エージェントを接続

クライアントを選んでください。OAuth で一度ログインするだけで、API キーを手動で用意する必要はありません。

このマシンのすべてのクライアントターミナルで実行すると、Claude Code、Codex、Cursor、OpenCode、Qoder を見つけてそれぞれに M2 を追加し、ログイン画面を開きます
npx -y @m2canvas/connect@latest
Claude CodeCLI でサーバーを追加
claude mcp add --transport http --scope user patch https://test-mcp.patch.design/mcp
CodexCLI で追加し、OAuth で認可
codex mcp add patch --url https://test-mcp.patch.design/mcp
codex mcp login patch
Cursor~/.cursor/mcp.json に追加
{
  "mcpServers": {
    "patch": {
      "url": "https://test-mcp.patch.design/mcp"
    }
  }
}
そのほかの MCP クライアント標準の Streamable HTTP トランスポート
transport: streamable-http
url: https://test-mcp.patch.design/mcp
auth: OAuth (browser)

stdio にしか対応していないクライアントは npx mcp-remote https://test-mcp.patch.design/mcp でブリッジしてください。

TEST · claude/dreamy-saha-be6102@e14c5df66