develop-web-game

Automate HTML/JS web game testing with Playwright and deterministic time stepping.

167|34|Updated Jan 3, 2026
One-click install
npx skills add https://github.com/tercumantanumut/selene --skill develop-web-game-tercumantanumut
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: develop-web-game
Source: https://github.com/tercumantanumut/selene/tree/main/lib/skills/catalog/bundled/develop-web-game
Command: npx skills add https://github.com/tercumantanumut/selene --skill develop-web-game-tercumantanumut

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This skill guides developers who are building or iterating on HTML/JS web games by establishing a reliable development and testing loop using Playwright. It supports implementing small changes, running deterministic test scripts with short input bursts and intentional pauses, and capturing screenshots and text for inspection while surfacing console errors via a text-render function.

Core Features & Use Cases

  • Playwright-based test loop for web games to validate changes end-to-end.
  • State introspection through a render_game_to_text payload to verify on-screen elements and game state.
  • Deterministic time stepping via window.advanceTime(ms) to ensure reproducible test results.
  • Progress tracking and QA artifacts (screenshots, state dumps, and logs) to facilitate debugging.

Quick Start

Run the web game Playwright client against your local server with an actions file to start deterministic testing.

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 driving an actions payload through Playwright, using window.advanceTime(ms) to control fixed time progression, and capturing screenshots and state dumps for inspection.

Why are my Playwright web game tests producing inconsistent results?

Inconsistent web game test results often stem from relying on real-time execution rather than deterministic time stepping. Using window.advanceTime(ms) ensures fixed time progression for reproducible test outcomes.

How do I inspect game state during an automated Playwright test run?

Inspect game state during automated test runs by calling the exposed window.render_game_to_text function, which outputs a text representation of on-screen elements and logs for verification.

Do I need a local server running to use Playwright for web game testing?

Yes, you need a local server hosting the HTML/JS web game to enable the Playwright client to connect, execute the actions payload, and run automated testing loops against your development build.

What is the best way to automate iterative development of JavaScript web games?

The best way to automate iterative web game development is establishing a Playwright test loop that validates small code changes end-to-end using short input bursts, deterministic time stepping, and captured QA artifacts.

Can I capture screenshots and console errors while running web game test loops?

Yes, the Playwright test loop captures screenshots and state dumps as QA artifacts while surfacing console errors via a text-render function to facilitate debugging during iterative web game development.