Ein Roblox-Spiel mit KI und Thrixel entwickeln
Thrixel erzeugt die 3D-Modelle, Build World leitet den Coding-Agenten an und Rojo synchronisiert den Spielcode mit Roblox Studio.
Vor dem Start müssen Roblox Studio installiert und ein Roblox-Konto vorhanden sein.
1. Rojo mit VS Code installieren
- Installiere Visual Studio Code (VS Code).
- Installiere die Erweiterung Rojo - Roblox Studio Sync für VS Code.
- Öffne in VS Code über File > Open Folder einen leeren Ordner für das Spiel.
- Drücke
Ctrl + Shift + P(auf dem MacCmd + Shift + P), um die Befehlspalette zu öffnen. Gib „Rojo“ ein und wähle Rojo: Open Menu. - Falls das Menü meldet, dass Rojo nicht installiert ist, klicke auf Install Rojo now.
- Klicke auf Install Roblox Studio Plugin. Falls Studio geöffnet ist, starte es neu. Rojo sollte dann im Tab Plugins erscheinen.
2. Den Build World-Skill hinzufügen
Anmelden
Melde dich vor der Installation des Skills bei Thrixel an. Der Befehl ist für alle Agenten gleich und benötigt uv. Falls uv nicht installiert ist, führe den passenden Befehl für dein Betriebssystem in einem Terminal aus:
curl -LsSf https://astral.sh/uv/install.sh | sh
irm https://astral.sh/uv/install.ps1 | iex
Führe den folgenden Anmeldebefehl aus. Klicke auf der geöffneten Browserseite auf Approve, um dein Thrixel-Konto zu verbinden.
uvx thrixel-mcp@latest login
Build World installieren
Wähle unten deinen Coding-Agenten. Build World benötigt sowohl den Skill mit den Anweisungen als auch den Thrixel-MCP-Server mit den Werkzeugen zur Asset-Erzeugung.
Claude Code
Führe diese Befehle in einem Terminal aus, um das Thrixel-Plugin zu installieren. Es enthält sowohl den Skill als auch den MCP-Server.
claude plugin marketplace add thrixel/build-world
claude plugin install thrixel@thrixel
Führe claude plugin list aus und prüfe, ob thrixel@thrixel aktiviert ist. Führe dann claude mcp list aus und prüfe, ob plugin:thrixel:thrixel verbunden ist. Starte nach der Installation eine neue Claude Code-Sitzung.
Codex
Führe diese Befehle in einem Terminal aus, um das Plugin in Codex zu installieren:
codex plugin marketplace add thrixel/build-world
codex plugin add thrixel@thrixel
Prüfe mit codex plugin list, ob thrixel@thrixel unter dem Thrixel-Marktplatz installiert und aktiviert ist. Prüfe mit codex mcp list, ob thrixel aktiviert ist. Starte eine neue Codex-Sitzung, um das Plugin zu laden.
Verwende für Codex-Versionen ohne Plugin-Unterstützung die Anleitung zur manuellen Installation.
Cursor
Füge diese Konfiguration in ~/.cursor/mcp.json ein. Falls die Datei bereits einen Abschnitt mcpServers enthält, ergänze darin den Eintrag thrixel, ohne die vorhandenen Einträge zu ersetzen.
{
"mcpServers": {
"thrixel": {
"type": "stdio",
"command": "uvx",
"args": ["thrixel-mcp@latest"]
}
}
}
Installiere anschließend den Skill mit den Befehlen für dein Betriebssystem:
git clone https://github.com/thrixel/build-world ~/.thrixel/build-world
mkdir -p ~/.cursor/skills
ln -s ~/.thrixel/build-world/skills/build-world ~/.cursor/skills/build-world
git clone https://github.com/thrixel/build-world "$HOME\.thrixel\build-world"
New-Item -ItemType Directory -Force "$HOME\.cursor\skills" | Out-Null
New-Item -ItemType Junction -Path "$HOME\.cursor\skills\build-world" -Target "$HOME\.thrixel\build-world\skills\build-world"
Starte Cursor neu. Prüfe unter Settings > MCP, ob thrixel vorhanden ist. Gib dann / im Agent-Chat ein und suche nach build-world.
Gemini CLI
Führe diese Befehle in einem Terminal aus, um den Thrixel-MCP-Server zu registrieren und den Skill zu installieren:
gemini mcp add -s user --trust thrixel uvx -- thrixel-mcp@latest
gemini skills install https://github.com/thrixel/build-world --path skills/build-world
Starte eine neue Gemini CLI-Sitzung. Prüfe mit /mcp, ob thrixel vorhanden ist, und mit /skills list, ob build-world vorhanden ist.
Die Build World-Einrichtungsanleitung behandelt auch manuelle Installationen, Updates und bereits vorhandene Installationen.
3. Roblox Studio einrichten
Aktiviere den MCP-Server von Studio, damit der Agent dort Code ausführen und Screenshots des Spiels aufnehmen kann.
- Öffne Roblox Studio und erstelle eine neue Baseplate. Damit wird ein Place angelegt, die Roblox-Datei, die die Spielwelt enthält.
- Klicke ganz oben rechts im Fenster auf das Symbol Assistant.
- Öffne im Assistant-Bereich … > Settings > Manage MCP Servers. Aktiviere Enable Studio as MCP server. Eine grüne Anzeige bestätigt, dass der Server läuft.
4. Einen Roblox-API-Schlüssel erstellen
Rojo synchronisiert keine 3D-Modelldateien. Der Agent verwendet einen Roblox-API-Schlüssel, um die Modelle separat hochzuladen.
- Öffne die Zugangsdaten-Seite im Creator Hub und klicke auf Create API Key.
- Füge unter Access Permissions das API-System Assets hinzu. Wähle dein Konto als Besitzer und aktiviere Read und Write.
- Trage unter Accepted IP Addresses den Wert
0.0.0.0/0ein oder deaktiviere die IP-Beschränkungen. Wenn dieses Feld leer bleibt, können Uploads nicht abgeschlossen werden. - Da dieser Schlüssel Zugriff von jeder IP-Adresse erlaubt, sollte seine Gültigkeit kurz sein, zum Beispiel 30 Tage.
- Klicke auf Save und kopiere den Schlüssel. Er wird nur einmal angezeigt.
- Speichere den Schlüssel in einer Datei namens
roblox_api_key.txtim Spielordner. Nimm diese Datei nicht in Git auf.
5. Den Server starten
Den Server in VS Code starten
- Öffne in VS Code die Befehlspalette mit
Ctrl + Shift + P(auf dem MacCmd + Shift + P). Gib „Rojo“ ein und wähle Rojo: Open Menu. - Falls der Ordner kein Rojo-Projekt enthält, klicke auf Create one now. Rojo legt
default.project.jsonund die Startordner des Spiels an. - Klicke unter Projects in this workspace auf den Projektnamen neben dem Wiedergabesymbol.
Ein Popup unten rechts in VS Code bestätigt, dass der Server unter localhost am Port 34872 lauscht. Um ihn zu stoppen, öffne das Rojo-Menü und klicke erneut auf das Projekt. Während der Server läuft, wird das Wiedergabesymbol zum Stoppsymbol.
Roblox Studio mit dem Server verbinden
- Kehre zum Baseplate-Place in Roblox Studio zurück.
- Öffne den Tab Plugins und klicke auf Rojo.
- Lasse die Adresse auf
localhostund den Port auf34872, sofern der Server keinen anderen Port gemeldet hat. - Klicke auf Connect.
- Prüfe unter „Sync changes for project“ die Änderungen, die Rojo am Place vornehmen wird, und klicke auf Accept.
Das Rojo-Fenster zeigt jetzt den Projektnamen, die Serveradresse und die Schaltfläche Disconnect. Studio ist verbunden und kann Änderungen empfangen.
Falls Studio keine Verbindung herstellen kann, öffne http://localhost:34872/ im Browser. Eine Rojo-Statusseite bestätigt, dass der Server läuft.
6. Das Spiel entwickeln
Thrixel Cubes
Thrixel berechnet Cubes für die Erzeugung von 3D-Assets. Die Gesamtkosten hängen von den verwendeten Operationen und der Anzahl der Assets im Spiel ab. Manche Operationen haben einen Festpreis, andere werden nach Verbrauch und erst nach der Ausführung abgerechnet. Die Entwicklung eines vollständigen Spiels kann außerdem einen großen Teil der Kontingente deines Coding-Agenten verbrauchen. Prüfe vor größeren Projekten dein Guthaben; die aktuellen Preise stehen auf Thrixels Website.
Build World ausführen
- Öffne den Coding-Agenten im Ordner des Rojo-Projekts.
-
Beginne eine Nachricht mit dem Build World-Befehl für deinen Agenten:
Agent Befehl Claude Code /thrixel:build-worldCodex $build-worldCursor /build-worldGemini CLI /build-world - Beschreibe nach dem Befehl das Spiel. Nenne „Roblox“, damit der Skill die richtige Engine verwendet.
- Erwähne, dass Rojo bereits läuft, und gib den Port an, damit der Agent keinen zweiten Server startet.
Gib in Codex $build ein und wähle build-world aus der Skill-Auswahl, bevor du die Spielbeschreibung ergänzt.
/thrixel:build-world entwickle ein Hindernisparcours-Spiel in Roblox auf schwebenden Inseln. Rojo und sein Studio-Plugin sind bereits eingerichtet, und Rojo stellt diesen Ordner auf Port 34872 bereit. Starte daher keinen weiteren Server.
Änderungen in Roblox Studio übernehmen
Die erste Rojo-Verbindung ist der Freigabeschritt. Sobald die Verbindung steht, synchronisiert Rojo Änderungen, sobald der Agent sie auf dem Datenträger speichert.
- Beim Verbinden: Rojo listet die Unterschiede zwischen den Dateien und dem Place auf. Klicke auf Accept, um sie anzuwenden, oder auf Abort, um die Verbindung abzubrechen. Wenn es keine Unterschiede gibt, verbindet sich Rojo ohne Nachfrage.
- Während der Agent arbeitet: Neue und bearbeitete Skripte erscheinen automatisch in Studio. Falls Studio geschlossen oder die Verbindung getrennt wurde, klicke erneut auf Connect, wenn der Agent darum bittet. Der Agent kann Rojo nicht selbst erneut verbinden.
- Änderungen prüfen: Klicke im Rojo-Fenster auf die Zeit der letzten Änderung, um View changes zu öffnen. Dort werden angewendete und fehlgeschlagene Änderungen aufgelistet. Rojo-Änderungen erscheinen auch im Rückgängig-Verlauf von Studio.
Um mehrere Änderungen vor der Synchronisierung zu prüfen, öffne Settings im Rojo-Fenster und setze Confirmation Behavior auf Always. Klicke auf Disconnect, lasse den Agenten fertig werden und klicke dann auf Connect, um die Änderungen gemeinsam zu prüfen. Diese Prüfung erfolgt beim Verbinden. Während einer aktiven Verbindung gespeicherte Änderungen werden weiterhin automatisch synchronisiert.
Zwei Dinge erfordern manuelle Aufmerksamkeit:
- Importe speichern. Rojo synchronisiert Skripte und Instanzen. Der Agent lädt 3D-Modelle separat hoch und fügt sie in
ReplicatedStorage.Assetsein; diese Modelle werden daher nicht in den Projektdateien gespeichert. Sichere sie in Studio über File > Save. - Synchronisierte Skripte in den Projektdateien bearbeiten. Die bidirektionale Synchronisierung von Rojo ist standardmäßig deaktiviert. Änderungen an diesen Skripten in Studio gelangen nicht in die Dateien und können überschrieben werden.
7. Das Spiel veröffentlichen
Verwende File > Publish to Roblox in Studio, wenn das Spiel bereit zur Veröffentlichung ist.