Need
Tecnologias para jogos de navegador
Why it's needed
Uma combinação prática para criar a interface do jogo e renderizar os gráficos no navegador.
.md to the page URL.
Codex use case
Planeje o jogo e deixe o Codex desenvolvê-lo e testá-lo diretamente no navegador.
Use o Codex para transformar a descrição do jogo em um plano bem definido e, em seguida, em um jogo que roda no navegador. Gere os recursos visuais com imagegen e deixe o Codex testar o jogo diretamente no navegador para refinar os controles e a interface.
Planeje o jogo e deixe o Codex desenvolvê-lo e testá-lo diretamente no navegador.
Use o Codex para transformar a descrição do jogo em um plano bem definido e, em seguida, em um jogo que roda no navegador. Gere os recursos visuais com imagegen e deixe o Codex testar o jogo diretamente no navegador para refinar os controles e a interface.
Use o Codex para transformar a descrição do jogo em um plano bem definido e, em seguida, em um jogo que roda no navegador. Gere os recursos visuais com imagegen e deixe o Codex testar o jogo diretamente no navegador para refinar os controles e a interface.
Related links
| Skill | Why use it |
|---|---|
| Playwright | Jogue diretamente no navegador, verifique o estado atual do jogo e ajuste os controles, o ritmo das ações e a resposta da interface na versão em execução. |
| ImageGen | Gere arte conceitual, sprites, planos de fundo e elementos da interface. Guarde os prompts para reutilizá-los nos próximos lotes de recursos visuais. |
| OpenAI Docs | Consulte a documentação oficial atualizada antes de integrar ao jogo recursos que usam tecnologia da OpenAI. |
O desenvolvimento de jogos é um dos exemplos mais claros de como o Codex pode ajudar além da geração de código. Na prática, criar um jogo costuma envolver documentar o conceito, implementar a camada de renderização, montar a estrutura do frontend, gerenciar o estado no backend, produzir recursos para o jogo e ajustar o visual continuamente.
Esse processo funciona melhor quando o Codex começa registrando exatamente como o jogo deve funcionar e depois usa a habilidade Playwright interactive para testar o jogo diretamente no navegador a cada rodada de ajustes.
Antes de o Codex montar a estrutura inicial, peça que ele crie um arquivo PLAN.md com definições concretas para cada aspecto do jogo:
Esse plano é importante porque o pedido “crie um jogo” é vago demais por si só. O Codex precisa saber como implementar cada parte do jogo e consultar esses detalhes com frequência durante o desenvolvimento.
Você pode ativar o modo planejamento com o comando de barra /plan.
Salve o plano gerado em um arquivo PLAN.md.
Para garantir que o Codex siga o plano, verifique o próprio trabalho e use as ferramentas adequadas, crie um arquivo AGENTS.md como este:
# Nome do jogo
<Type of game>
Tecnologias:
- NextJS para o frontend (hospedado na Vercel)
- <insert technology> para a renderização
- Fastify para o backend, com WebSockets (hospedado em <hosting platform>)
- Postgres para o banco de dados (hospedado em <hosting platform>)
- Redis para cache e pub/sub (hospedado em <hosting platform>)
- OpenAI para os recursos de IA generativa
Dicas:
- Assim que concluir uma funcionalidade ou tarefa, execute os comandos de build e de teste para verificar seu trabalho.
- Consulte o arquivo PLAN.md ao desenvolver novas funcionalidades.
- Registre seu trabalho na pasta .logs, incluindo seu raciocínio e suas decisões. Crie novos arquivos de log quando julgar necessário e consulte esses registros ao refinar as funcionalidades.
- Use playwright para testar o resultado visual. Faça ajustes se algo parecer errado ou destoar do estilo do jogo.
- Use imagegen para gerar os recursos visuais do jogo. Sempre que gerar uma coleção, salve os prompts usados em arquivos na pasta .prompts para poder gerar mais recursos do mesmo tipo depois.
- Use o Context7 MCP para consultar a documentação de <rendering framework>.
Com essas orientações, o Codex pode trabalhar por conta própria por bastante tempo e usar as habilidades adequadas conforme necessário.
Adicione as habilidades mencionadas no arquivo AGENTS.md:
Saiba como adicionar habilidades na documentação de habilidades.
Dica: Peça ao Codex que salve os prompts de geração de imagens em um arquivo para manter a consistência entre todos os recursos visuais. Descreva o estilo desejado e deixe o Codex criar prompts detalhados que você possa reutilizar.
O Codex vai gerar a primeira versão do jogo com base no plano inicial.
Se houver muitas imagens para gerar, essa primeira versão pode levar algum tempo, às vezes várias horas. Como o Codex consegue testar o próprio trabalho e experimentar o jogo diretamente no navegador, ele pode continuar por bastante tempo sem precisar de novas instruções.
Quanto mais bem definido estiver o plano, melhor será o resultado da primeira iteração.
À medida que você testar o jogo, peça os ajustes necessários. Envie capturas de tela, solicite mudanças na jogabilidade ou peça ao Codex que atualize os recursos visuais até que o resultado fique como você quer.
Need
Default options
Why it's needed
Need
Tecnologias para jogos de navegador
Why it's needed
Uma combinação prática para criar a interface do jogo e renderizar os gráficos no navegador.
Need
Tecnologias de backend
Why it's needed
Uma boa escolha para jogos que precisam de persistência de dados, pareamento de jogadores, rankings ou mensagens no modelo pub/sub.
| Need | Default options | Why it's needed |
|---|---|---|
| Tecnologias para jogos de navegador | Next.js com Phaser ou PixiJS | Uma combinação prática para criar a interface do jogo e renderizar os gráficos no navegador. |
| Tecnologias de backend | Fastify , WebSockets, Postgres e Redis | Uma boa escolha para jogos que precisam de persistência de dados, pareamento de jogadores, rankings ou mensagens no modelo pub/sub. |
Use `/goal` quando o Codex precisar continuar trabalhando por várias interações até atingir...
Peça ao Codex que crie uma CLI que ele possa executar de qualquer pasta, combinar com...
Use o Codex para mapear bases de código que você ainda não conhece