Need
Stack para jogos Web
Why it's needed
Uma opção padrão prática para a interface de jogos no navegador e a camada de renderização.
.md to the page URL.
Codex use case
Defina um plano para o jogo e deixe o Codex desenvolvê-lo e testá-lo em um navegador em execução.
Use o Codex para transformar a descrição de um jogo primeiro em um plano bem definido e depois em um jogo real para navegador. Use o imagegen para gerar recursos visuais e deixe o Codex testar o jogo em um navegador em execução para refinar os controles e a interface.
Defina um plano para o jogo e deixe o Codex desenvolvê-lo e testá-lo em um navegador em execução.
Use o Codex para transformar a descrição de um jogo primeiro em um plano bem definido e depois em um jogo real para navegador. Use o imagegen para gerar recursos visuais e deixe o Codex testar o jogo em um navegador em execução para refinar os controles e a interface.
Use o Codex para transformar a descrição de um jogo primeiro em um plano bem definido e depois em um jogo real para navegador. Use o imagegen para gerar recursos visuais e deixe o Codex testar o jogo em um navegador em execução para refinar os controles e a interface.
Links relacionados
| Skill | Why use it |
|---|---|
| Playwright | Jogue em um navegador em execução, inspecione o estado atual e vá refinando os controles, o timing e a experiência de uso da interface na versão real do jogo. |
| ImageGen | Gere arte conceitual, sprites, planos de fundo e recursos de interface e mantenha os prompts reutilizáveis para gerar novos lotes de recursos depois. |
| OpenAI Docs | Consulte as orientações oficiais mais recentes antes de integrar recursos da OpenAI ao jogo. |
Criar um jogo é um dos exemplos mais claros de como o Codex ajuda em muito mais do que a geração de código. Um jogo de verdade geralmente exige um conceito documentado, uma camada de renderização, o desenvolvimento da estrutura do frontend, estado no backend, produção de recursos visuais e ajustes visuais constantes
Este caso de uso funciona melhor quando o Codex começa documentando exatamente o que o jogo deve fazer e depois faz iterações usando o Playwright interactive para testá-lo em um navegador em execução.
Antes de o Codex gerar qualquer estrutura inicial, peça que ele crie um arquivo PLAN.md que defina o jogo em termos concretos:
Esse plano é importante porque a instrução “criar um jogo” é vaga demais por si só. O Codex precisa saber como implementar cada parte do jogo e consultar com frequência os detalhes da implementação durante o desenvolvimento.
Você pode ativar o Modo planejamento com o comando de barra /plan.
Depois, salve a saída em um arquivo PLAN.md.
Para garantir que o Codex siga o plano, verifique o próprio trabalho e use as ferramentas certas, crie um arquivo AGENTS.md como este:
# 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
Isso permite que o Codex trabalhe de forma independente por bastante tempo e use as habilidades relevantes conforme necessário.
Adicione as habilidades mencionadas no arquivo AGENTS.md:
Para saber mais sobre como adicionar habilidades, consulte a documentação de habilidades.
Dica: peça ao Codex para salvar os prompts de geração de imagens em um arquivo para que todos os recursos visuais sejam consistentes entre si. Dê orientações sobre o estilo dos recursos que você quer gerar e deixe o Codex elaborar prompts detalhados e reutilizáveis.
O Codex vai gerar uma primeira versão do jogo com base no plano inicial.
Se houver muitos recursos visuais para gerar, essa primeira versão pode demorar um pouco para ficar pronta, às vezes várias horas. Como o Codex pode testar o próprio trabalho e experimentar o jogo em um navegador em execução, ele pode continuar trabalhando por bastante tempo sem precisar de nenhuma intervenção.
Quanto mais bem definido estiver o plano, melhor será o resultado final ao fim da primeira iteração.
Conforme você testa o jogo, faça as iterações necessárias, fornecendo capturas de tela e pedindo mudanças na jogabilidade ou atualizações nos recursos visuais, até ficar satisfeito com o resultado.
Need
Default options
Why it's needed
Need
Stack para jogos Web
Why it's needed
Uma opção padrão prática para a interface de jogos no navegador e a camada de renderização.
Need
Stack de backend
Why it's needed
Uma opção padrão sólida quando o jogo precisa de persistência, matchmaking, placares ou pub/sub.
| Need | Default options | Why it's needed |
|---|---|---|
| Stack para jogos Web | Next.js com Phaser ou PixiJS | Uma opção padrão prática para a interface de jogos no navegador e a camada de renderização. |
| Stack de backend | Fastify , WebSockets, Postgres e Redis | Uma opção padrão sólida quando o jogo precisa de persistência, matchmaking, placares ou pub/sub. |
Use `/goal` quando uma tarefa exigir que o Codex continue trabalhando ao longo de várias...
Peça ao Codex para criar uma CLI combinável que possa ser executada de qualquer pasta...
Forneça ao Codex um sistema de avaliação, como scripts e artefatos que possam ser revisados...