develop-web-game

Automate HTML/JS web game testing with Playwright and render_game_to_text validation.

3|Updated Feb 13, 2026
One-click install
npx skills add https://github.com/bl1nk-bot/skills-cli --skill develop-web-game-bl1nk-bot
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: develop-web-game
Source: https://github.com/bl1nk-bot/skills-cli/tree/main/skills/develop-web-game
Command: npx skills add https://github.com/bl1nk-bot/skills-cli --skill develop-web-game-bl1nk-bot

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the iterative development and testing cycle for HTML/JS web games by providing a deterministic Playwright-based workflow that validates changes through automated interactions, screenshots, and console monitoring.

Core Features & Use Cases

  • Deterministic Playwright-driven iterations: run controlled input bursts and paused frames to reproduce and inspect behavior.
  • State visibility via render_game_to_text: expose a concise JSON view of on-screen state for automated validation.
  • Progress tracking and repeatability: guide workflow from code changes to test execution with a clear progress.md trail.

Quick Start

Launch the Playwright client against your local server and feed it actions from action_payloads.json to start automated game 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 automate end-to-end testing for my HTML5 web game?

Automated end-to-end testing for HTML/JS web games uses a Playwright-based workflow to drive deterministic input stepping, capture screenshots, monitor console errors, and validate state. This approach streamlines iterative development cycles by providing controlled, repeatable interactions.

What is deterministic input stepping in Playwright game testing?

Deterministic input stepping in Playwright game testing runs controlled input bursts and paused frames to reproduce and inspect specific behavior states. This mechanism ensures reliable verification by exposing a concise JSON view of on-screen state through a render_game_to_text callback.

How do I validate game state during automated browser testing?

You validate game state during automated browser testing by implementing a render_game_to_text callback that exposes a concise JSON view of on-screen state. This allows automated validation scripts to verify observable state changes after executing deterministic input sequences.

Do I need a local server running to test web games with Playwright?

Yes, testing web games with Playwright requires a running local server and a Playwright client. You must also provide action payloads in a JSON file to drive automated interactions and a render_game_to_text callback to expose observable state for verification.

How do I track progress and repeatability in iterative game development?

You track progress and repeatability in iterative game development by maintaining a clear progress.md trail that guides the workflow from code changes to test execution. This ensures every automated iteration is documented and reproducible.

Can Playwright catch console errors during web game automation?

Playwright catches console errors during web game automation by monitoring console output throughout the automated testing workflow. This console error monitoring runs alongside deterministic input stepping and screenshot capture to identify runtime issues during game iterations.