← ブログへ

Cocos Creator MCPとは?できることと「Cocos Creator AI」との違い

VberAI Cocos Creator MCPの位置づけ:Cursorなどのクライアントを開いているエディタへつなぎ、シーン・ノード・コンポーネントを扱う。曖昧な「Cocos Creator AI」やAI Studio、コード専用アシスタントとの境界を整理します。

公開日 · Updated
  • cocos
  • cocos-creator
  • mcp
  • cocos-mcp
  • ai
  • vberai
  • cursor

Cocos Creator の工程で AI に TypeScript を書かせると、多くはディスク上のスクリプトと設定しか見えません。いま開いているシーンツリー、未保存のノード変更、コンポーネント属性やプレハブ参照は、いぜん編集器で人が触る必要があります。VberAI Cocos Creator MCP(以下 Cocos MCP)が担うのは別の仕事です。Creator 内でローカル MCP サービスを動かし、Cursor、Claude Code、Codex など MCP 対応クライアントが、リポジトリだけでなく開いている編集器の操作面をプロトコル経由で呼べるようにします。

新しいゲームエンジンではなく、Creator の描画・ビルド・配信を置き換えません。能力はインストールしたプラグイン版に従います。本稿は品類と境界の整理であり、インストールのクリック手順ではありません。

何の問題を解くか

よくあるのは文脈の断絶です。

ディスク側だけの AICocos MCP 接続後
.ts / 設定は直せるが、どのシーンが開いているか分からない開いているシーンのノード階層と主な属性を照会できる
スクリプト後も、コンポーネント付け・ノード配置・プレハブは手作業公開ツールの範囲でノード作成/調整、コンポーネント付け、プレハブ関連操作を助けられる
「編集器で今いじった内容」がリポジトリのスナップショットに見えない編集器のリアルタイム状態を文脈にする(人の検収は必須)

すでに AI でスクリプトを書いていて、「スクリプトは正しいのにシーンが合わない」往復を減らしたいチーム向けです。工程は Cocos Creator 2.x または 3.x のまま——プラグインは別々、圧縮包の混用は避けてください。

できること(典型シナリオ)

ツール名や操作コードは版で変わります。固定のツール本数より、能力の種類で捉える方が安定です。

  1. シーンと階層 — 開く/保存まわり、ノードツリー照会、小さな可逆な変更
  2. ノードとコンポーネント — ノード作成・調整、エンジンコンポーネントとスクリプトの付け外し、よく使う属性変更
  3. プレハブとアセット — プレハブの閲覧/インスタンス化の補助、アセット照会と基本管理(プラグインが公開する範囲)
  4. デバッグ補助 — コンソールやログの読み取り、シーン整合性チェックなど「直したら動かない」切り分け

習慣として:まず読み取りだけのスモーク(例:開いているシーンのルートノード一覧)、次に小さな書き込み、最後に Creator で Play / プレビュー検収。MCP が速くするのは編集器の繰り返し操作であり、人のレビューを消しません。

製品入口:

期待しすぎないこと

期待実際の境界
MCP で「Figma をワンクリックで完全な UI プレハブに」設計稿の構造化取り込みは VberAI Studio。MCP は資産が工程に入ったあとの編集器内反復
モバイルの自動圧包・チャネル最適化・出荷設定までCreator のビルドと配信パイプラインの仕事。MCP の魔法ではない
Creator を開かず、遠隔だけで本番工程をいじるブリッジは既定で本機 localhost。開いている工程を対象にする
2.x 工程に 3.x 包(またはその逆)でも動く分プラグイン。混用は入らない・繋がらない定番原因
モデルの出力がそのまま出荷できるUnity / Godot MCP と同様:編集器で通し、版管理に載せる

オープンソース版と Pro の差、契約と有効化は公式の現行説明に従います。本稿は商用条件を展開しません。

「Cocos Creator AI」は何を指しやすいか

検索上の Cocos Creator AI はしばしば曖昧な呼び方で、単一の公式製品名に対応しません。よくある意図:

呼び方 / ツール形主な文脈典型の出力
ディスク向けコード助手(補完・リポジトリ改修)スクリプトと設定ファイルコードパッチ
ドキュメント / 質問応答系の「Cocos 助手」ドキュメントと API 説明文章の回答。シーンは直接動かさない
VberAI StudioPSD / Figma などのデザイン構造エンジン寄りの UI 階層と資産引き渡し
Cocos MCP開いている Creator 編集器シーン、ノード、コンポーネント、プレハブなど編集器側操作

「Cursor に今のシーンを見せて直させたい」なら、答えるだけのチャットボットではなく MCP 編集器ブリッジです。切図やレイアウト殻の書き出しを MCP に無理に担わせる話でもありません。

VberAI の三本線は組み合わせ可能で、混称は避けます。切り抜きで素材準備 → AI Studio で UI 構造の引き渡し → Cocos MCP で編集器内の配線とノード変更。概観:VberAI とは。

「コードだけ直す AI」との違い

観点リポジトリ中心の AICocos MCP
主な文脈ディスク上のスクリプトと資産編集器のオブジェクトツリーと工程の現状態
よくある動作TypeScript の執筆・修正階層照会、ノード/コンポーネント編集、プレハブとデバッグの補助
検収コンパイルと単体テストは有用Creator のビューポートとプレビューでも確認が必要

両者は並存できます。論理と設計は従来のコーディング習慣のまま、編集器オブジェクトに触るときだけ MCP を使います。

Unity / Godot / Cocos の橋の選び方は:Godot MCP vs Unity MCP vs Cocos MCP。

次のステップ

  1. 工程が 3.x か 2.x かを確認し、対応するプラグイン包を入手する
  2. インストール文どおりに取り込み・有効化・サービス起動し、AI IDE で cocos-creator(またはパネル表示名)を確認する
  3. ルートノードの読み取り一覧 → 一回の可逆な書き込み → 編集器検収

インストールと障害切り分け:

動画向け設定は:Cocos Creator MCP 動画ガイド。

よくある質問

Cocos Creator MCPとは何ですか?
VberAI Cocos Creator MCPは、MCPクライアント(Cursor、Claude Code、Codexなど)をオープン中のCocos Creatorエディタに橋渡しし、シーン、ノード、コンポーネント、プレハブの照会や操作を可能にします(対応範囲はプラグインのバージョンによります)。これは新しいエンジンではなく、Creatorのレンダリングや配布機能を置き換えるものではありません。

「Cocos Creator AI」とはどう違うのですか?
「Cocos Creator AI」は通常、漠然とした検索語であり、特定の公式製品を指すものではありません。ドキュメントQ&Aボット、コード専用アシスタント、AI Studio(デザインからエンジンへ)、MCP(エディタブリッジ)はそれぞれ異なる役割を担っています。「Cursorに開いているシーンを表示・編集させたい」という目的であれば、それはMCPです。

2.xと3.xのMCPパッケージを混在できますか?
いいえ。プロジェクトのメジャーバージョンに一致するパッケージをダウンロードしてください。インストールガイド: 3.x および 2.x。

接続後にCursorが壊れたように見える場合、どうすればよいですか?
症状別に切り分けます: サービスが見つからない、赤いエラー、接続済みだがツールが表示されない。短いガイド: Cursor broken with Cocos MCP; 4層のパス: connection troubleshooting。

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