develop-web-game

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

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill helps developers automate the iterative process of building HTML/JS games by coordinating a repeatable Playwright-based test loop, reducing manual QA time and surfacing visual/runtime issues early.

Core Features & Use Cases

  • Deterministic testing loop: run scripted actions with controlled time steps to reproduce behavior reliably.
  • Integrated inspection: capture screenshots and render text state to verify game state and UI.
  • Rapid iteration: support small-change validation, quick feedback loops, and debugging of runtime errors during development.

Quick Start

Run the Playwright-based test loop to validate the next iteration of your HTML/JS game.

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 Playwright testing for an HTML5 web game?

Automate Playwright testing for an HTML5 web game by using a deterministic time-step loop with window.advanceTime to validate scripted actions, capture screenshots, and render text state for repeatable checks.

What is a deterministic time-step loop in web game development?

A deterministic time-step loop in web game development controls game time increments via functions like window.advanceTime, ensuring scripted actions run reliably and reproduce exact behavior for automated testing.

How do I debug runtime errors during incremental web game development?

Debug runtime errors during incremental web game development by running a Playwright-based test loop that executes small changes, captures screenshots, and renders text state to surface visual and runtime issues early.

Can I use Playwright to capture screenshots of my JavaScript game state?

Yes, you can use Playwright to capture screenshots of your JavaScript game state by running scripted actions within a deterministic test loop, allowing you to verify UI rendering and diagnose runtime issues.

What do I need to run deterministic tests for a web game?

To run deterministic tests for a web game, you need a Playwright client, a test payload, and a deterministic time-step loop exposed via window.advanceTime to ensure repeatable validation of game features.