develop-web-game

Develop HTML and JavaScript web games with Playwright automated testing.

Updated Feb 3, 2026
One-click install
npx skills add https://github.com/northseadl/skillwisp --skill develop-web-game-northseadl
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: develop-web-game
Source: https://github.com/northseadl/skillwisp/tree/main/skills/%40openai/develop-web-game
Command: npx skills add https://github.com/northseadl/skillwisp --skill develop-web-game-northseadl

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill streamlines the development and testing of web games by providing a robust loop for implementing small changes, running automated Playwright tests, and inspecting visual and textual output.

Core Features & Use Cases

  • Iterative Development: Implement changes in small, manageable steps.
  • Automated Testing: Run Playwright scripts to test game logic and interactions.
  • Visual & State Inspection: Capture screenshots and game state for verification.
  • Use Case: Develop a new enemy behavior in an HTML5 game, implement the change, run the Playwright script to ensure it moves and attacks correctly, and verify the score updates.

Quick Start

Use the develop-web-game skill to run the Playwright test script against http://localhost:5173 with 3 iterations and 250ms pauses.

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

Playwright automates HTML5 game testing by running scripts that interact with game logic, execute deterministic actions, and capture screenshots or text-based game state for verification. It enables a reliable development loop for iterative changes.

How do I capture and verify game state during web game development?

You can capture game state during web game development by integrating specific hooks like `window.render_game_to_text` and `window.advanceTime`, which allow state capture and virtual time stepping for deterministic Playwright test verification.

Can I use Playwright to test JavaScript game logic with virtual time stepping?

Yes, Playwright can test JavaScript game logic using virtual time stepping by integrating with the `window.advanceTime` hook, allowing you to simulate time progression and verify deterministic game behavior without waiting for real-time delays.

What is the best way to run an iterative development loop for a web game?

The best way to run an iterative web game development loop is to implement small code changes, execute automated Playwright test scripts against your local server, and inspect visual outputs via screenshots to verify game behavior and state updates.

Do I need a local server to run Playwright tests for web games?

Yes, you need a local server to run Playwright tests for web games. The skill executes Playwright test scripts against a local development server, such as `http://localhost:5173`, to interact with the game and capture outputs.

Why are my Playwright game tests failing to verify visual outputs?

Playwright game tests may fail to verify visual outputs if the game lacks the required `window.render_game_to_text` or `window.advanceTime` hooks for state capture, or if test scripts are not configured with proper iteration counts and pause durations.