Ready to supercharge your AI agents?

Install any skill in seconds. Free to start, no credit card required.

Develop Web Game · freestylefly | DecimalAI

frontendby freestylefly

Develop Web Game

freestylefly/develop-web-game

Source freestylefly/wesight ↗License MIT

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.

SkillScore59Maintained

Automatic

Frontend / UI pack

Last verified 8/16/2026

What it changes

Passed 9 of 15 test cases with the skill, and 5 of 15 without it.

Without skill32%

With skill59%

Checks it passed that the model alone missed

The response reads progress.md prior to making code changes
The response uses the client script path variable $WEB_GAME_CLIENT
The response refrains from switching test runners to @playwright/test

and 13 more in the full report

9 fixed4 passed either way6 still failing3 broke

Pass-rate lift: +27 pp
Tokens: +45%
Agent turns: 0%
Response time: -49%

Model gemini-3.6-flashMeasured 8/16/2026v113 of 22 cases passed with skill · 15 comparable

Tokens, turns and time describe resource use, not a dollar price.

Use this skill

Save it into your project's skills folder. Claude Code picks it up in its next session.

curl -fsSL --create-dirs -o .claude/skills/freestylefly-develop-web-game/SKILL.md https://app.decimal.ai/s/freestylefly-develop-web-game/SKILL.md

Want it pinned and updatable? pip install "decimalai>=0.15", then decimalai skills add freestylefly-develop-web-game, and start Claude Code with claude --plugin-dir "$(git rev-parse --show-toplevel)/.agents"

1 · One-time — install the CLI (docs ↗)

pip install "decimalai>=0.15"

2 · Get the skill — writes .agents/skills/freestylefly-develop-web-game/ and pins it in .decimal/skills.lock

decimalai skills add freestylefly-develop-web-game

No CLI? Get the same file — curl · raw file

curl -fsSL --create-dirs -o .claude/skills/freestylefly-develop-web-game/SKILL.md https://app.decimal.ai/s/freestylefly-develop-web-game/SKILL.md

Raw file: /s/freestylefly-develop-web-game/SKILL.md ↗ · machine-readable summary at /s/freestylefly-develop-web-game.json ↗

Safety checks: 3 of 3 passed

Code scan CleanIntent PassedContent Clean

See it in action

One of 9 test cases the skill fixed. Same model, same prompt, with and without the skill.

1 of 9

Prompt

When setting up automated test execution on a developer workstation, how should we verify and install Playwright dependencies if we aren't sure Playwright is available?

What was checked, without and with the skill
Checked	Without skill	With skill
The response checks for Node package runner availability using npx first	Missed	Passed
The response installs the package @playwright/mcp@latest globally if dependencies are missing	Missed	Passed
The response refrains from switching test runners to @playwright/test	Missed	Passed

case-14 · gemini-3.6-flash · 8/16/2026 · answers are capped and redacted

What's inside

The instructions your model reads when the skill loads.

SKILL.md143 lines5 filesincludes scripts

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)

export SKILLS_ROOT="${WESIGHT_SKILLS_ROOT:-${SKILLS_ROOT:-$HOME/Library/Application Support/WeSight/SKILLs}}"
export WEB_GAME_CLIENT="$SKILLS_ROOT/develop-web-game/scripts/web_game_playwright_client.js"
export WEB_GAME_ACTIONS="$SKILLS_ROOT/develop-web-game/references/action_payloads.json"

Installed skills resolve from $WESIGHT_SKILLS_ROOT / $SKILLS_ROOT (production default: app userData/SKILLs, macOS usually ~/Library/Application Support/WeSight/SKILLs).

Workflow

Pick a goal. Define a single feature or behavior to implement.
Implement small. Make the smallest change that moves the game forward.
Ensure integration points. Provide a single canvas and window.render_game_to_text so the test loop can read state.
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.
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 updates.
Verify Playwright availability. Ensure playwright is available (local dependency or global install). If unsure, check npx first.
Run the Playwright test script. You must run $WEB_GAME_CLIENT after each meaningful change; do not invent a new client unless required.
Use the payload reference. Base actions on $WEB_GAME_ACTIONS to avoid guessing keys.
Inspect state. Capture screenshots and text state after each burst.
Inspect screenshots. Open the latest screenshot, verify expected visuals, fix any issues, and rerun the script. Repeat until correct.
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 screen. If anything is off, fix and rerun. Examples of important interactions: move, jump, shoot/attack, interact/use, select/confirm/cancel in menus, pause/resume, restart, and any special abilities or puzzle actions defined by the request. Multi-step examples: shooting an enemy should reduce its health; when health reaches 0 it should disappear and update the score; collecting a key should unlock a door and allow level progression.
Check errors. Review console errors and fix the first new issue before continuing.
Reset between scenarios. Avoid cross-test state when validating distinct features.
Iterate with small deltas. Change one variable at a time (frames, inputs, timing, positions), then repeat steps 7–13 until stable.

Example command (actions required):

node "$WEB_GAME_CLIENT" --url http://localhost:5173 --actions-file "$WEB_GAME_ACTIONS" --click-selector "#start-btn" --iterations 3 --pause-ms 250

Example actions (inline JSON):

Track record

Benchmark

9 / 15

test cases passed, vs 5 / 15 without

Adoption

Users: 0
Times used: 0

Safety and source details

SkillSafety

✓ 3 of 3 passed

Code scan15 of 15 checks clean

0 critical · 0 warning · 0 info — scanner v4 — 8/3/2026

View 15 scanner checks

live_secretremote_code_executionreverse_shelldata_exfiltrationssrf_metadataagent_snoopinganti_refusaldestructive_commandsobfuscated_unicodeunicode_homoglyphopaque_blobsuspicious_urltool_overreachtrigger_abuseprompt_injection_phrasing

IntentSafe

LLM judge · does the skill do what it claims

ContentClean

LLM judge · policy & harmful-content review

Source

Imported

freestylefly / wesight

SKILLs/develop-web-game/SKILL.md

View on GitHub ↗

License MITImported 8/3/2026Version v1Bundled 4 files · scripts

Other skills for the same job

Published skills whose descriptions closely match this one, with their headline benchmark lift.

More skills from the same source and nearby in the registry, with their headline benchmark lift.

Ready to supercharge your AI agents?

See it in action

What's inside

Develop Web Game

Skill paths (set once)

Workflow

Track record

Benchmark

Adoption

SkillSafety

Source

Other skills for the same job

Related skills