develop-web-game

Automate HTML/JS web-game development with Playwright test loops.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Building and iterating web-based HTML/JS games is error-prone and time-consuming without a deterministic test loop. This Skill provides a repeatable development workflow that runs Playwright-based tests, captures screenshots and logs, and surfaces console errors to guide rapid iteration.

Core Features & Use Cases

  • Deterministic Playwright-driven iteration: apply small changes, run automated tests with short input bursts and intentional pauses, inspect results.
  • State inspection and debugging: render_game_to_text outputs a concise snapshot of in-game state for automation.
  • Multi-step validation: verify end-to-end interactions and error states across iterations.

Quick Start

Start a new iteration by choosing a goal, implement a small change, run the Playwright client, and review the resulting state.

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 testing for HTML and JavaScript web games?

Automate testing for HTML and JavaScript web games by running a Playwright-based test loop that executes scripted inputs, captures screenshots, and logs console errors to validate small code changes. This deterministic cycle ensures rapid iteration during game development.

What is deterministic game development and how does it help debugging?

Deterministic game development uses a repeatable test loop to validate features and rendering across iterations. It outputs concise snapshots of in-game state and surfaces console errors, which guides debugging and prevents regression when applying small changes.

How do I set up Playwright to run automated test bursts for web game iteration?

Set up Playwright by installing it as a runtime dependency, then load the client script, action payloads, and instructions to execute standardized test bursts. Start an iteration by choosing a goal, implementing a change, and reviewing the captured state.

Can I capture in-game state and console errors during web game testing?

Yes, you can capture in-game state and console errors during web game testing through scripted inputs and screenshot captures. The testing loop renders game state to text and logs console output to inspect end-to-end interactions and error states.

Do I need Playwright to run automated tests for JavaScript web games?

Yes, Playwright is required as a runtime dependency to run the automated test loop for JavaScript web games. It drives the deterministic testing cycle by executing scripted inputs, capturing screenshots, and surfacing console errors for validation.