develop-web-game

Automate iterative HTML/JS game testing with a Playwright loop and deterministic time stepping.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

The Develop Web Game Skill provides a structured loop to build and validate HTML/JS games by automatically driving a Playwright-based test client, capturing outcomes, and surfacing errors for rapid iteration.

Core Features & Use Cases

  • Automated Playwright loop: powers deterministic test runs against a live game to verify visuals, interactions, and rendering.
  • State reporting: exposes window.render_game_to_text for snapshotting current game state to guide decisions.
  • Deterministic stepping: uses window.advanceTime to progress frames reliably during tests.
  • Artifacts: captures screenshots and JSON state after each burst for review and regression checks.
  • Use Case: ideal for iterating new features, validating gameplay loops, or debugging rendering issues across quick release cycles.

Quick Start

Run the Playwright-based client against your game using the provided actions file to begin automated iteration.

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 web game testing with Playwright?

Automate web game testing with Playwright by running a structured loop against your live game that captures screenshots, reports state, and surfaces console errors for rapid iteration. It validates rendering and gameplay across repeated frames.

How do I test game rendering deterministically across frames?

Test game rendering deterministically using window.advanceTime to progress frames reliably during automated tests. This mechanism ensures consistent time stepping to validate visuals and interactions without manual input.

What is a render_game_to_text state reporter for web games?

A render_game_to_text state reporter is a window function for snapshotting current game state during automated testing. It outputs text representations of game state to guide decisions and verify gameplay loops.

Can I capture screenshots and JSON state during Playwright game loops?

Yes, you can capture screenshots and JSON state after each test burst for review and regression checks. The automated Playwright loop captures these artifacts against your live game.

Do I need Playwright installed to run deterministic web game tests?

Yes, Playwright is a required dependency to run the automated web game test loop. You need it installed to drive the deterministic test client, capture artifacts, and verify rendering.

When should I use automated Playwright loops for web game development?

Use automated Playwright loops when iterating new features, validating gameplay loops, or debugging rendering issues across quick release cycles. It verifies small changes and catches console errors across repeated frames.