Need
Stack für Webspiele
Why it's needed
Eine praxistaugliche Standardlösung für die UI browserbasierter Spiele und die Rendering-Schicht.
.md to the page URL.
Codex use case
Plane ein Spiel und lass Codex es entwickeln und in einem Live-Browser testen.
Verwende Codex, um aus einer Spielbeschreibung zunächst einen klar definierten Plan und anschließend ein funktionsfähiges Browserspiel zu entwickeln. Nutze imagegen für visuelle Assets und lass Codex das Spiel in einem Live-Browser testen, um Steuerung und UI iterativ zu optimieren.
Plane ein Spiel und lass Codex es entwickeln und in einem Live-Browser testen.
Verwende Codex, um aus einer Spielbeschreibung zunächst einen klar definierten Plan und anschließend ein funktionsfähiges Browserspiel zu entwickeln. Nutze imagegen für visuelle Assets und lass Codex das Spiel in einem Live-Browser testen, um Steuerung und UI iterativ zu optimieren.
Verwende Codex, um aus einer Spielbeschreibung zunächst einen klar definierten Plan und anschließend ein funktionsfähiges Browserspiel zu entwickeln. Nutze imagegen für visuelle Assets und lass Codex das Spiel in einem Live-Browser testen, um Steuerung und UI iterativ zu optimieren.
Weiterführende Links
| Skill | Why use it |
|---|---|
| Playwright | Spiele das Spiel in einem Live-Browser, prüfe seinen aktuellen Zustand und optimiere Steuerung, Timing und Bediengefühl der UI anhand des tatsächlichen Builds. |
| ImageGen | Erstelle Konzeptzeichnungen, Sprites, Hintergründe und UI-Assets und speichere die Prompts so, dass du sie für spätere Asset-Batches wiederverwenden kannst. |
| OpenAI Docs | Rufe die aktuellen offiziellen Empfehlungen ab, bevor du OpenAI-gestützte Funktionen in das Spiel integrierst. |
Die Spieleentwicklung zeigt besonders deutlich, dass Codex nicht nur bei der Codegenerierung hilft. Ein echtes Spiel erfordert meist ein schriftliches Konzept, eine Rendering-Schicht, ein Frontend-Grundgerüst, Zustandsverwaltung im Backend, die Erstellung von Assets und kontinuierliche visuelle Feinabstimmung
Dieser Anwendungsfall funktioniert am besten, wenn Codex zuerst genau festhält, was das Spiel leisten soll, und es danach mithilfe von Playwright interactive in einem Live-Browser testet und iterativ verbessert.
Bevor Codex überhaupt ein Grundgerüst erstellt, bitte Codex, eine Datei PLAN.md anzulegen, die das Spiel konkret definiert:
Dieser Plan ist wichtig, weil „ein Spiel entwickeln“ für sich genommen zu vage ist. Codex muss wissen, wie die einzelnen Teile des Spiels umgesetzt werden sollen, und greift während der Entwicklung häufig auf die Implementierungsdetails zurück.
Du kannst den Planmodus mit dem Slash-Befehl /plan aktivieren.
Speichere die Ausgabe anschließend in der Datei PLAN.md.
Damit Codex den Plan befolgt, seine Arbeit überprüft und die richtigen Tools verwendet, lege eine Datei AGENTS.md mit folgendem Inhalt an:
# Game name
<Type of game>
Tech Stack:
- NextJS for frontend (hosted on Vercel)
- <insert technology> for rendering
- Fastify for backend, websockets (hosted on <hosting platform>)
- Postgres for database (hosted on <hosting platform>)
- Redis for caching and pub/sub (hosted on <hosting platform>)
- OpenAI for generative AI features
Tips:
- Use build and test commands to verify your work as soon as you complete a feature or task
- Use the PLAN.md file to guide your work when building new features
- Log your work under .logs (create new log files as you see fit) to record your thought process and decisions, and reference them when iterating on features
- Use playwright to test the visual output of your work, and iterate if it doesn't look right or fit the vibe
- Use imagegen to generate visual assets for your work, and every time you generate a collection of assets, save the prompts you used to be able to continue generating more of the same assets later (create files in .prompts)
- Use Context7 MCP to fetch <rendering framework> docs
So kann Codex über längere Zeit selbstständig arbeiten und bei Bedarf die relevanten Skills verwenden.
Füge die in der Datei AGENTS.md genannten Skills hinzu:
Weitere Informationen zum Hinzufügen von Skills findest du in der Skills-Dokumentation.
Tipp: Bitte Codex, Prompts für die Bildgenerierung in einer Datei zu speichern, damit alle visuellen Assets konsistent sind. Beschreibe den gewünschten Stil der Assets, die du erstellen möchtest, und lass Codex detaillierte, wiederverwendbare Prompts ausarbeiten.
Codex erstellt auf Grundlage des ursprünglichen Plans eine erste Version des Spiels.
Wenn viele Bild-Assets generiert werden müssen, kann die Erstellung der ersten Version einige Zeit dauern, manchmal mehrere Stunden. Codex kann seine Arbeit testen und das Spiel in einem Live-Browser ausprobieren und deshalb lange ohne weitere Eingaben weiterarbeiten.
Je genauer der Plan ausgearbeitet ist, desto besser fällt das Endergebnis nach der ersten Iteration aus.
Beim Testen kannst du das Spiel nach Bedarf schrittweise verbessern: Stelle Screenshots bereit und bitte um Änderungen am Gameplay oder Aktualisierungen der visuellen Assets, bis du mit dem Ergebnis zufrieden bist.
Need
Default options
Why it's needed
Need
Stack für Webspiele
Why it's needed
Eine praxistaugliche Standardlösung für die UI browserbasierter Spiele und die Rendering-Schicht.
Need
Backend-Stack
Why it's needed
Eine robuste Standardwahl, wenn das Spiel Persistenz, Matchmaking, Bestenlisten oder pub/sub benötigt.
| Need | Default options | Why it's needed |
|---|---|---|
| Stack für Webspiele | Next.js mit Phaser oder PixiJS | Eine praxistaugliche Standardlösung für die UI browserbasierter Spiele und die Rendering-Schicht. |
| Backend-Stack | Fastify , WebSockets, Postgres und Redis | Eine robuste Standardwahl, wenn das Spiel Persistenz, Matchmaking, Bestenlisten oder pub/sub benötigt. |
Verwende `/goal`, wenn Codex bei einer Aufgabe über mehrere Interaktionen hinweg auf eine...
Bitte Codex, eine flexibel kombinierbare CLI zu erstellen
Stelle Codex ein Evaluierungssystem zur Verfügung, etwa Skripte und überprüfbare Artefakte...