Cocos Creator MCP の設定方法:Cursor / Claude 接続(動画付きガイド)
YouTube 実演動画のテキスト版。Cocos Creator MCP プラグインのインストール、ローカルブリッジの起動、Cursor や Claude への Model Context Protocol 設定と接続確認まで。
- cocos
- cocos-creator
- mcp
- cursor
- claude
- tutorial
- video
動画チュートリアルを見る
動画: Cocos Creator MCP セットアップ実演(VberAI YouTube チャンネル)
この録画は Cocos Creator MCP の設定手順に特化した内容で、複数エンジンの総合紹介ではありません。Cursor や Claude Desktop などの AI クライアントを Cocos Creator に接続し、エディタ内のシーンとノードを AI が操作できるようにする流れを示します。
学べること
- Creator 2.x / 3.x 向け Cocos Creator MCP プラグインの導入と有効化
- プラグインパネルからローカル MCP ブリッジを起動
- Cursor、Claude、Windsurf などへのサーバー URL 登録
- 読み取りテスト(シーンツリー)と小さな書き込みテスト
Model Context Protocol(MCP) はディスク上のファイルではなく、エディタのライブ状態(現在のシーン、ノード階層、選択)を AI に渡します。
前提条件
| 項目 | メモ |
|---|---|
| Cocos Creator | 2.x または 3.x のプロジェクトを開いている |
| MCP プラグイン | Cocos Creator MCP 拡張(動画では VberAI Cocos MCP) |
| AI クライアント | Cursor、Claude Desktop、Windsurf、Cline など |
| ローカル環境 | ブリッジは 127.0.0.1 で動作 |
セットアップ手順
1. Cocos Creator MCP プラグインをインストール
- Creator バージョンに合った MCP 拡張をダウンロード(Cocos MCP ページ)。
- プロジェクトの extensions に配置するか、拡張マネージャーでインストール。
- 拡張 → 拡張マネージャーで MCP を有効化し、必要ならエディタを再読み込み。
2. MCP ブリッジを起動
プラグインのコントロールパネルで Start MCP をクリックし、表示された ローカル URL とポートをメモ。ブリッジ稼働中は Cocos Creator を開いたままにします。
3. AI クライアントを設定
Cursor の mcp.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 Studio(AI 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 手書きスクリプト。
関連記事
VberAI YouTube を購読して MCP チュートリアルをチェック。
続きを読む
こちらの記事もおすすめです
2026年の AI ゲーム開発:Unity / Godot MCP でエディタループを離れない
AI 支援の Unity・Godot ワークフロー地図。MCP が効く場面、人が守るべき境界、多エンジンチームで共有できるプロンプト習慣を整理します。
- ai-game-development
- unity-game-development
- godot-game-engine
- unity-mcp
Unity MCP インストール手順:Package Manager から追加して AI IDE に接続
VberAI Unity MCP Pro の導入手順。ディスクからパッケージ追加、アカウント有効化、ローカル MCP Server(既定ポート 6589)起動、Cursor / Claude / Codex など MCP 対応 AI IDE での接続確認までを解説します。
- unity
- mcp
- cursor
- tutorial
2026年ゲーム開発のAIはどう選ぶ:Google AI Studio と VberAI の違い
2026年のゲーム開発AI選定:Google AI Studio と VberAI の位置づけ・アーキテクチャ・コスト・適用段階を比較し、段階と技術スタックで選ぶ。
- Google AI Studio
- VberAI
- comparison
- game development