← ブログへ

Cocos Creator MCP の設定方法:Cursor / Claude 接続(動画付きガイド)

YouTube 実演動画のテキスト版。Cocos Creator MCP プラグインのインストール、ローカルブリッジの起動、Cursor や Claude への Model Context Protocol 設定と接続確認まで。

公開日
  • cocos
  • cocos-creator
  • mcp
  • cursor
  • claude
  • tutorial
  • video
YouTube で視聴

動画チュートリアルを見る

動画: Cocos Creator MCP セットアップ実演VberAI YouTube チャンネル

この録画は Cocos Creator MCP の設定手順に特化した内容で、複数エンジンの総合紹介ではありません。CursorClaude Desktop などの AI クライアントを Cocos Creator に接続し、エディタ内のシーンとノードを AI が操作できるようにする流れを示します。

学べること

  • Creator 2.x / 3.x 向け Cocos Creator MCP プラグインの導入と有効化
  • プラグインパネルからローカル MCP ブリッジを起動
  • CursorClaudeWindsurf などへのサーバー URL 登録
  • 読み取りテスト(シーンツリー)と小さな書き込みテスト

Model Context Protocol(MCP) はディスク上のファイルではなく、エディタのライブ状態(現在のシーン、ノード階層、選択)を AI に渡します。

前提条件

項目メモ
Cocos Creator2.x または 3.x のプロジェクトを開いている
MCP プラグインCocos Creator MCP 拡張(動画では VberAI Cocos MCP
AI クライアントCursor、Claude Desktop、Windsurf、Cline など
ローカル環境ブリッジは 127.0.0.1 で動作

セットアップ手順

1. Cocos Creator MCP プラグインをインストール

  1. Creator バージョンに合った MCP 拡張をダウンロード(Cocos MCP ページ)。
  2. プロジェクトの extensions に配置するか、拡張マネージャーでインストール。
  3. 拡張 → 拡張マネージャーで MCP を有効化し、必要ならエディタを再読み込み。

2. MCP ブリッジを起動

プラグインのコントロールパネルで Start MCP をクリックし、表示された ローカル URL とポートをメモ。ブリッジ稼働中は Cocos Creator を開いたままにします。

3. AI クライアントを設定

Cursormcp.json 例:

{
  "mcpServers": {
    "cocos-mcp": {
      "url": "http://127.0.0.1:PORT/mcp"
    }
  }
}

PORT はプラグイン UI の値に置き換えます。ワンクリック設定があればそちらを優先。保存後、AI クライアントを再起動。

4. 接続を確認

読み取り専用の質問から始めます:

  • 「現在のシーンノードツリーを一覧表示して」
  • 「Canvas 配下のノードは?」

エディタからの構造化パスが返れば成功です。

5. 小さな書き込みを試す

空の子ノード作成、UI グループのリネームなど、元に戻せる変更を Hierarchy で確認してから本格運用へ。

MCP がファイル編集だけより強い理由

MCP なしでは未保存シーン、現在の選択、コンポーネントのライブ値が見えません。類似アーキテクチャは Godot 向けリアルタイム MCP Server の構築記事 を参照。

デザイン → UI ツールとの併用(任意)

MCP はアセット投入後のエディタ操作。VberAI AI StudioAI Studio)は PSD / Figma から Cocos 向け UI 構造を生成。関連動画:3 分でゲーム UI を作る

FAQ

Cursor を Cocos Creator に接続するには?
MCP プラグイン導入 → ブリッジ起動 → Cursor の mcp.json に URL 登録 → シーンツリーでテスト。

Cocos Creator MCP とは?
実行中のエディタ経由で Cocos Creator プロジェクトを AI が読み書きする Model Context Protocol プラグイン。

動画は Unity / Godot も扱う?
いいえ——Cocos Creator MCP 設定のみ。Unity は Unity MCP インストール、Godot は Godot MCP vs 手書きスクリプト

動画 URL
YouTube@vber_ai

関連記事

VberAI YouTube を購読して MCP チュートリアルをチェック。

こちらの記事もおすすめです