So richten Sie Cocos Creator MCP mit Cursor und Claude ein (Video-Tutorial)

Sehen Sie sich das Video-Tutorial an

Video: Cocos Creator MCP Einrichtungs-Walkthrough auf dem VberAI YouTube-Kanal

Diese Aufnahme ist eine praxisnahe Anleitung zur Konfiguration von Cocos Creator MCP – kein Überblick über mehrere Engines. Sie sehen, wie Sie das MCP-Plugin installieren, die lokale Brücke starten und einen KI-Client wie Cursor oder Claude Desktop verbinden, damit der Assistent Ihr Cocos Creator-Projekt im Editor lesen und ändern kann.

Was Sie lernen werden

Nachdem Sie das Video und die folgende Checkliste durchgearbeitet haben, sollten Sie in der Lage sein:

• Ein Cocos Creator MCP-Plugin für Creator 2.x oder 3.x zu installieren und zu aktivieren
• Den lokalen MCP-Server / die Brücke über das Plugin-Panel zu starten
• Den Server zu Cursor, Claude, Windsurf oder einem anderen MCP-kompatiblen Client hinzuzufügen
• Einen schreibgeschützten Test (Szenenbaum) und einen kleinen Schreibtest (Knoten erstellen oder umbenennen) durchzuführen

Model Context Protocol (MCP) macht Live-Editor-Zustand verfügbar – aktuelle Szene, Knotenhierarchie, Auswahl – nicht nur Dateien auf der Festplatte. Deshalb ist die MCP-Einrichtung für Game-Workflows wichtig.

Voraussetzungen

Element	Hinweise
Cocos Creator	2.x- oder 3.x-Projekt im Editor geöffnet
MCP-Plugin	Cocos Creator MCP-Erweiterung (im Video wird der VberAI Cocos MCP-Build verwendet)
KI-Client	Cursor, Claude Desktop, Claude Code, Windsurf, Cline oder ein anderer MCP-fähiger Assistent
Lokaler Zugriff	Die MCP-Brücke läuft auf 127.0.0.1; die Firewall sollte Loopback zulassen

Einrichtungsschritte (folgen Sie dem Video)

1. Installieren Sie das Cocos Creator MCP-Plugin

1. Laden Sie die MCP-Erweiterung für Ihre Creator-Version vom Plugin-Anbieter herunter (siehe Cocos MCP-Downloads).
2. Importieren oder kopieren Sie die Erweiterung in den extensions-Ordner Ihres Projekts oder installieren Sie sie über den Erweiterungsmanager von Creator – je nachdem, was die Plugin-Dokumentation vorgibt.
3. Öffnen Sie Erweiterung → Erweiterungsmanager, aktivieren Sie das MCP-Plugin und laden Sie den Editor neu, wenn Sie dazu aufgefordert werden.

2. Starten Sie die MCP-Brücke

Öffnen Sie das Bedienfeld des Plugins (Menüname variiert je nach Build – oft MCP oder AI Bridge):

• Klicken Sie auf Server starten / MCP starten
• Notieren Sie die lokale URL und den Port, die im Panel angezeigt werden (Sie fügen diese später in Ihren KI-Client ein)

Lassen Sie Cocos Creator während die Brücke aktiv ist, geöffnet.

3. Konfigurieren Sie Ihren KI-Client

Fügen Sie einen MCP-Servereintrag hinzu, der auf die Brücken-URL aus Schritt 2 verweist. Beispiel für Cursor (mcp.json):

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

Ersetzen Sie PORT durch den Wert aus der Plugin-Oberfläche. Viele Cocos-MCP-Builds enthalten eine Schaltfläche Für Cursor / Claude konfigurieren, die das korrekte JSON kopiert – verwenden Sie diese, wenn verfügbar.

Starten Sie den KI-Client nach dem Speichern der Konfiguration neu oder laden Sie ihn neu.

4. Überprüfen Sie die Verbindung

Stellen Sie in Cursor oder Claude zuerst eine schreibgeschützte Frage:

• „Liste den aktuellen Szenen-Knotenbaum auf.“
• „Welche Knoten befinden sich unter dem Canvas?“

Sie sollten strukturierte Pfade aus dem Editor erhalten – keine geratenen Dateiinhalte.

5. Führen Sie einen kleinen Schreibvorgang durch

Fordern Sie eine reversible Änderung an:

• Erstellen Sie einen leeren untergeordneten Knoten unter der Auswahl
• Benennen Sie eine schlecht benannte UI-Gruppe um
• Fügen Sie eine Stub-Komponente oder ein Skript hinzu

Bestätigen Sie, dass die Änderung im Hierarchie-Panel erscheint, bevor Sie größere Automatisierungsaufgaben ausführen.

Warum MCP besser ist als dateibasierte KI-Codierung

Ohne MCP sehen Assistenten nur Dateien auf der Festplatte. Sie übersehen:

• Nicht gespeicherte Szenenänderungen und die aktuelle Auswahl
• Live-Knoteneigenschaften und Komponentenwerte
• Nur im Editor verfügbaren Kontext (Prefab-Modus, Build-Einstellungen usw.)

MCP sendet Editor-Wahrheit an das Modell, das ist der Sinn der Cocos Creator MCP-Einrichtung. Für einen ausführlichen Artikel über eine ähnliche Brückenarchitektur siehe Wie wir einen Echtzeit-MCP-Server für Godot gebaut haben.

Kombinieren Sie MCP mit Design-to-UI-Tools (optional)

MCP übernimmt Editor-Operationen, nachdem Assets vorhanden sind. Tools wie VberAI Studio (AI Studio) übernehmen PSD / Figma → Engine-UI-Struktur für Unity, Godot oder Cocos. Ein typischer Stack:

1. AI Studio importiert einen Ebenen-Screen und exportiert Cocos-Prefab / Knotenlayout
2. Cocos MCP verdrahtet Schaltflächen, benennt Knoten um und validiert Referenzen in Creator

FAQ

Wie verbinde ich Cursor mit Cocos Creator?
Installieren Sie Cocos Creator MCP, starten Sie die lokale Brücke im Editor, fügen Sie die Brücken-URL zur mcp.json von Cursor unter mcpServers hinzu und testen Sie dann mit einer Szenenbaum-Abfrage.

Was ist Cocos Creator MCP?
Ein Model Context Protocol-Plugin, das es KI-Clients ermöglicht, Cocos Creator-Projekte über den laufenden Editor zu lesen und zu ändern.

Welche KI-Clients funktionieren mit Cocos MCP?
Jeder MCP-kompatible Client: Cursor, Claude Desktop, Claude Code, Windsurf, Cline und andere.

Behandelt das Video Unity oder Godot?
Nein – diese Aufnahme konzentriert sich ausschließlich auf die Cocos Creator MCP-Konfiguration. Für Unity siehe Unity MCP-Installationsanleitung; für Godot siehe Godot MCP vs. manuelle Skripterstellung.

Wo ist das offizielle Video?
YouTube: Cocos Creator MCP-Einrichtung, Kanal @vber_ai. Abonnieren Sie den VberAI YouTube-Kanal für weitere MCP-Tutorials.