develop-web-game

Automate Playwright-driven testing loops for HTML/JS web games.

10|2|Updated Feb 23, 2026
One-click install
npx skills add https://github.com/metaid-developers/IDBots --skill develop-web-game-metaid-developers
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: develop-web-game
Source: https://github.com/metaid-developers/IDBots/tree/main/SKILLs/develop-web-game
Command: npx skills add https://github.com/metaid-developers/IDBots --skill develop-web-game-metaid-developers

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Web game development often involves repetitive manual testing and flaky iterations. This Skill provides a deterministic Playwright-driven loop to drive changes, observe results, and verify state across iterations.

Core Features & Use Cases

  • Deterministic Playwright-driven iteration: run defined action sequences with controlled pauses to validate incremental features.
  • State visibility: expose window.render_game_to_text to report current game state for automated checks and debugging.
  • Time control and artifact capture: use window.advanceTime for frame stepping and gather screenshots/logs for review.

Quick Start

Run the Playwright client against your web game to automate a short test sequence and capture state snapshots.

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 loops for iterative web game development?

Automate Playwright testing loops by running defined action sequences with controlled pauses to validate incremental web game features. This Skill drives deterministic steps, captures screenshots, and monitors state across multiple iterations for rapid validation.

How do I monitor game state during automated Playwright tests?

Monitor game state by exposing the window.render_game_to_text function in your HTML/JS web game. This reports current game state for automated checks and debugging during the Playwright-driven testing loop.

How do I control time and frame stepping in web game testing?

Control time and frame stepping by exposing window.advanceTime in your web game. This allows deterministic frame advancement within the Playwright testing loop, enabling precise state inspection and artifact capture.

Do I need a local Playwright setup to run automated web game tests?

Yes, a local Playwright setup is required to run automated web game tests. You must also supply an action payload or script to drive deterministic steps, and your game must expose window.render_game_to_text and window.advanceTime.

Can I use this Skill to capture screenshots and logs during web game iterations?

Yes, you can capture screenshots and logs during web game iterations. The Skill gathers these artifacts for review alongside state snapshots, enabling comprehensive debugging and feature validation across testing loops.

What's the best way to validate incremental features in an HTML/JS web game?

The best way to validate incremental features is using a deterministic Playwright-driven iteration loop. This approach replaces repetitive manual testing by running defined action sequences with controlled pauses to observe results and verify state.