develop-web-game

Automates Playwright-driven iteration and validation of HTML/JS web games with deterministic time stepping.

Updated Mar 22, 2026
One-click install
npx skills add https://github.com/peteanderson80/skills --skill develop-web-game-peteanderson80
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: develop-web-game
Source: https://github.com/peteanderson80/skills/tree/main/skills/develop-web-game
Command: npx skills add https://github.com/peteanderson80/skills --skill develop-web-game-peteanderson80

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps developers build and test HTML/JS web games by providing a repeatable development loop that runs Playwright-based tests, captures screenshots, and surfaces console errors for quick iteration.

Core Features & Use Cases

  • Deterministic testing loop: advance time and render state for each iteration using window.advanceTime and window.render_game_to_text.
  • Playwright-driven actions: use the web_game_playwright_client.js client and action_payloads.json to drive inputs and verify outcomes.
  • Quick feedback artifacts: automatic screenshots and text state for each burst to guide debugging and refinement.

Quick Start

Run the Playwright client against your local server and iterate using the provided action payloads to drive deterministic frames.

Frequently Asked Questions about develop-web-game

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate deterministic testing for HTML and JavaScript web games?

Deterministic testing for HTML and JS web games is automated using Playwright-driven steps that enforce fixed time advancement, inspect state via render_game_to_text, and validate behavior using action payloads against a local server.

Can I use Playwright to drive inputs and verify incremental feature changes in a web game?

Yes, you can use the web_game_playwright_client.js with action_payloads.json to drive inputs and verify outcomes for small incremental feature changes during development and QA workflows.

What is the best way to inspect game state during an automated Playwright testing loop?

The best way to inspect game state is using the window.render_game_to_text function, which outputs text state for each iteration, alongside automatic screenshots and surfaced console errors to guide debugging.

Do I need a local server to run automated QA iterations on my web game?

Yes, you need a local server to run the Playwright client, which executes action payloads and advances deterministic frames to validate your web game behavior during the testing loop.

Why does my web game automation loop lack consistent frame advancement during testing?

Inconsistent frame advancement occurs when deterministic time stepping is not enforced; the loop requires explicitly calling window.advanceTime to ensure repeatable state inspection and behavior validation.