develop-web-game

Automate iterative HTML/JS game development with a Playwright validation loop.

2|Updated Apr 12, 2026
One-click install
npx skills add https://github.com/metric-space-ai/ctox --skill develop-web-game-metric-space-ai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: develop-web-game
Source: https://github.com/metric-space-ai/ctox/tree/main/skills/packs/development/develop-web-game
Command: npx skills add https://github.com/metric-space-ai/ctox --skill develop-web-game-metric-space-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Automates iterative web-game development by running a deterministic Playwright loop to validate small changes.

Core Features & Use Cases

  • Deterministic time stepping via window.advanceTime for stable frame-based testing.
  • Playwright-based test loop using action payloads and a reusable client script.
  • State visibility via window.render_game_to_text for easy assertions and screenshots.
  • Guidance for progressive iteration, failure debugging, and artifact collection.

Quick Start

Start the Playwright-based loop against a locally served web game to begin iterative development.

Frequently Asked Questions about develop-web-game

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

FAQPage Schema
How do I test HTML5 web games deterministically with Playwright?

You can test web games deterministically by enforcing stable frame-based time stepping via window.advanceTime. This Playwright loop validates changes across frames, inputs, and rendering states, ensuring automated regression checks run identically every time.

What is the best way to automate iteration loops for JavaScript game development?

Automating iteration loops for JavaScript game development is best handled by running a Playwright loop against a locally served game. This loop uses predefined action payloads and a reusable client script to validate small code changes progressively.

How do I assert game state and visual output during automated browser testing?

You can assert game state during automated browser testing by using the window.render_game_to_text state output function. This provides text-based rendering states for easy assertions and enables straightforward screenshot collection for failure debugging.

Does this Playwright testing approach require specific hooks in my HTML game code?

Yes, this Playwright testing approach requires specific hooks in your HTML game code. You must implement window.advanceTime for deterministic time stepping and window.render_game_to_text to expose internal state for test assertions and screenshots.

Can I use predefined action payloads to simulate user input in web game regression checks?

Yes, you can use predefined action payloads to simulate user input in web game regression checks. The testing loop processes these payloads sequentially alongside the deterministic time stepping to validate gameplay changes accurately.