develop-web-game

Automate HTML/JS game development with a Playwright test loop.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill reduces the friction of web-game development by providing a deterministic Playwright-driven loop to implement small changes, run automated tests, capture screenshots and logs, and surface console errors for quick iteration.

Core Features & Use Cases

  • Deterministic, scripted test loop for HTML/JS web games using Playwright.
  • State validation via a render_game_to_text hook to read current game state without relying on visuals.
  • Time-step control with a window.advanceTime hook to ensure repeatable frame progression.
  • Action payloads and references to drive automated interactions in repeatable scenarios.

Quick Start

Run the Playwright client against your local game using the provided action payloads to validate each change.

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 an HTML/JS web game?

Automate deterministic testing for an HTML/JS web game by running a Playwright-driven test loop that executes scripted input bursts, captures screenshots and logs, and validates console output against a fixed timeline.

How can I validate web game state without relying on visual screenshots?

Validate web game state without visual screenshots by implementing a `render_game_to_text` hook that outputs the current game state as text, allowing automated tests to read and assert conditions deterministically.

How do I ensure repeatable frame progression when automating web game tests?

Ensure repeatable frame progression in web game tests by injecting a `window.advanceTime` hook into your game loop, allowing the Playwright test script to control deterministic time steps during automated input execution.

Can I use Playwright to run automated input payloads against a local web game?

Yes, you can use Playwright to run automated input payloads against a local web game by defining a specific actions payload that the test client executes sequentially to validate small feature changes.

What do I need to set up before running a Playwright test loop for web games?

Before running a Playwright test loop, you need a local Playwright client, a defined actions payload, a `render_game_to_text` state reporter, and a deterministic time step hook (`advanceTime`) integrated into your HTML/JS game.