develop-web-game

Automate web game development and testing with Playwright and deterministic time stepping.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill addresses the challenges of web game development by providing a Playwright-based testing loop, allowing developers to quickly implement changes, run tests, and validate game functionality.

Core Features & Use Cases

  • Playwright Integration: Utilizes Playwright for automated browser testing and screenshot capture.
  • Deterministic Testing: Enables the execution of test scripts with precise time control.
  • State Inspection: Allows developers to inspect screenshots and console errors to identify and fix issues.
  • Use Case: A developer can use this Skill to iterate on a web game by implementing a new feature, running tests to validate the change, and inspecting the results to ensure everything is functioning as expected.

Quick Start

Run the skill with the following command to begin development on your web game:

node "$WEB_GAME_CLIENT" --url http://localhost:5173 --actions-file "$WEB_GAME_ACTIONS" --click-selector "#start-btn" --iterations 3 --pause-ms 250

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 using Playwright?

Automate web game testing with Playwright by running a script that controls the browser, executes actions, and captures screenshots. This Skill provides a testing loop that automates browser interactions and validates game functionality.

What is deterministic time stepping in web game testing?

Deterministic time stepping in web game testing allows test scripts to execute with precise time control. This mechanism ensures consistent simulation steps, making automated tests reproducible and reliable for validating game logic.

How do I inspect game state and console errors during automated testing?

Inspect game state and console errors during automated testing by utilizing the state inspection features of this Skill. It allows developers to analyze captured screenshots and review console outputs to identify and fix issues.

Does this Playwright testing loop support JavaScript-based web applications?

Yes, this Playwright testing loop supports JavaScript-based web applications. It is specifically aimed at streamlining the web game development process for JavaScript apps that utilize Playwright for automated browser testing.

How do I run a test iteration with specific click selectors and pause intervals?

Run a test iteration with specific click selectors and pause intervals by executing the node command with flags like --click-selector and --pause-ms. This allows precise control over automated actions and timing in the testing loop.