Skill · em Criar imagem, vídeo e arte

develop-web-game

Use when Codex is building or iterating on a web game (HTML/JS) and needs a reliable development + testing loop: implement small changes, run a Playwright-based test script with short input bursts and intentional pauses, inspect screenshots/text, and review console errors with render_game_to_text.

Procedência

Antes de instalar

7 arquivos · 34,5 KB · inclui 1 script que executa: scripts/web_game_playwright_client.js

Instalar na sua CLI

O comando baixa a versão fixada (commit 57f899e) direto da origem, para a pasta que a CLI lê. Precisa de curl (macOS e Linux); no Windows não há comando, porque o Rook Labs é para macOS.

Claude Code

Neste projeto: instala em .claude/skills/develop-web-game/.

d=".claude/skills/develop-web-game"
u="https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/cli-tool/components/skills/creative-design/develop-web-game"
curl -fsSL --create-dirs \
  -o "$d/SKILL.md" "$u/SKILL.md" \
  -o "$d/agents/openai.yaml" "$u/agents/openai.yaml" \
  -o "$d/assets/game-small.svg" "$u/assets/game-small.svg" \
  -o "$d/assets/game.png" "$u/assets/game.png" \
  -o "$d/LICENSE.txt" "$u/LICENSE.txt" \
  -o "$d/references/action_payloads.json" "$u/references/action_payloads.json" \
  -o "$d/scripts/web_game_playwright_client.js" "$u/scripts/web_game_playwright_client.js"

Global: instala em ~/.claude/skills/develop-web-game/.

d="$HOME/.claude/skills/develop-web-game"
u="https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/cli-tool/components/skills/creative-design/develop-web-game"
curl -fsSL --create-dirs \
  -o "$d/SKILL.md" "$u/SKILL.md" \
  -o "$d/agents/openai.yaml" "$u/agents/openai.yaml" \
  -o "$d/assets/game-small.svg" "$u/assets/game-small.svg" \
  -o "$d/assets/game.png" "$u/assets/game.png" \
  -o "$d/LICENSE.txt" "$u/LICENSE.txt" \
  -o "$d/references/action_payloads.json" "$u/references/action_payloads.json" \
  -o "$d/scripts/web_game_playwright_client.js" "$u/scripts/web_game_playwright_client.js"

Codex

Neste projeto: instala em .agents/skills/develop-web-game/.

d=".agents/skills/develop-web-game"
u="https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/cli-tool/components/skills/creative-design/develop-web-game"
curl -fsSL --create-dirs \
  -o "$d/SKILL.md" "$u/SKILL.md" \
  -o "$d/agents/openai.yaml" "$u/agents/openai.yaml" \
  -o "$d/assets/game-small.svg" "$u/assets/game-small.svg" \
  -o "$d/assets/game.png" "$u/assets/game.png" \
  -o "$d/LICENSE.txt" "$u/LICENSE.txt" \
  -o "$d/references/action_payloads.json" "$u/references/action_payloads.json" \
  -o "$d/scripts/web_game_playwright_client.js" "$u/scripts/web_game_playwright_client.js"

Global: instala em ~/.agents/skills/develop-web-game/.

d="$HOME/.agents/skills/develop-web-game"
u="https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/cli-tool/components/skills/creative-design/develop-web-game"
curl -fsSL --create-dirs \
  -o "$d/SKILL.md" "$u/SKILL.md" \
  -o "$d/agents/openai.yaml" "$u/agents/openai.yaml" \
  -o "$d/assets/game-small.svg" "$u/assets/game-small.svg" \
  -o "$d/assets/game.png" "$u/assets/game.png" \
  -o "$d/LICENSE.txt" "$u/LICENSE.txt" \
  -o "$d/references/action_payloads.json" "$u/references/action_payloads.json" \
  -o "$d/scripts/web_game_playwright_client.js" "$u/scripts/web_game_playwright_client.js"

Antigravity

Neste projeto: instala em .agents/skills/develop-web-game/.

d=".agents/skills/develop-web-game"
u="https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/cli-tool/components/skills/creative-design/develop-web-game"
curl -fsSL --create-dirs \
  -o "$d/SKILL.md" "$u/SKILL.md" \
  -o "$d/agents/openai.yaml" "$u/agents/openai.yaml" \
  -o "$d/assets/game-small.svg" "$u/assets/game-small.svg" \
  -o "$d/assets/game.png" "$u/assets/game.png" \
  -o "$d/LICENSE.txt" "$u/LICENSE.txt" \
  -o "$d/references/action_payloads.json" "$u/references/action_payloads.json" \
  -o "$d/scripts/web_game_playwright_client.js" "$u/scripts/web_game_playwright_client.js"

Global: instala em ~/.gemini/antigravity-cli/skills/develop-web-game/.

d="$HOME/.gemini/antigravity-cli/skills/develop-web-game"
u="https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/cli-tool/components/skills/creative-design/develop-web-game"
curl -fsSL --create-dirs \
  -o "$d/SKILL.md" "$u/SKILL.md" \
  -o "$d/agents/openai.yaml" "$u/agents/openai.yaml" \
  -o "$d/assets/game-small.svg" "$u/assets/game-small.svg" \
  -o "$d/assets/game.png" "$u/assets/game.png" \
  -o "$d/LICENSE.txt" "$u/LICENSE.txt" \
  -o "$d/references/action_payloads.json" "$u/references/action_payloads.json" \
  -o "$d/scripts/web_game_playwright_client.js" "$u/scripts/web_game_playwright_client.js"

Peça ao Rook

Já usa o Rook Labs? Cole no chat do Rook: instale a skill https://rooklabs.sh/marketplace/cct.develop-web-game

Prévia do SKILL.md

---
name: "develop-web-game"
description: "Use when Codex is building or iterating on a web game (HTML/JS) and needs a reliable development + testing loop: implement small changes, run a Playwright-based test script with short input bursts and intentional pauses, inspect screenshots/text, and review console errors with render_game_to_text."
author: openai
---


# Develop Web Game

Build games in small steps and validate every change. Treat each iteration as: implement → act → pause → observe → adjust.

## Skill paths (set once)

```bash
export CODEX_HOME="${CODEX_HOME:-$HOME/.codex}"
export WEB_GAME_CLIENT="$CODEX_HOME/skills/develop-web-game/scripts/web_game_playwright_client.js"
export WEB_GAME_ACTIONS="$CODEX_HOME/skills/develop-web-game/references/action_payloads.json"
```

User-scoped skills install under `$CODEX_HOME/skills` (default: `~/.codex/skills`).

## Workflow

1. **Pick a goal.** Define a single feature or behavior to implement.
2. **Implement small.** Make the smallest change that moves the game forward.
3. **Ensure integration points.** Provide a single canvas and `window.render_game_to_text` so the test loop can read state.
4. **Add `window.advanceTime(ms)`.** Strongly prefer a deterministic step hook so the Playwright script can advance frames reliably; without it, automated tests can be flaky.
5. **Initialize progress.md.** If `progress.md` exists, read it first and confirm the original user prompt is recorded at the top (prefix with `Original prompt:`). Also note any TODOs and suggestions left by the previous agent. If missing, create it and write `Original prompt: <prompt>` at the top before appending upda…
6. **Verify Playwright availability.** Ensure `playwright` is available (local dependency or global install). If unsure, check `npx` first.
7. **Run the Playwright test script.** You must run `$WEB_GAME_CLIENT` after each meaningful change; do not invent a new client unless required.
8. **Use the payload reference.** Base actions on `$WEB_GAME_ACTIONS` to avoid guessing keys.
9. **Inspect state.** Capture screenshots and text state after each burst.
10. **Inspect screenshots.** Open the latest screenshot, verify expected visuals, fix any issues, and rerun the script. Repeat until correct.
11. **Verify controls and state (multi-step focus).** Exhaustively exercise all important interactions. For each, think through the full multi-step sequence it implies (cause → intermediate states → outcome) and verify the entire chain works end-to-end. Confirm `render_game_to_text` reflects the same state shown on scr…
…

Ver todo o marketplace