develop-web-game

Run Playwright-based testing loops for HTML/JS web game development.

1|Updated Mar 11, 2026
One-click install
npx skills add https://github.com/91zgaoge/memoh-X --skill develop-web-game-91zgaoge
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: develop-web-game
Source: https://github.com/91zgaoge/memoh-X/tree/main/internal/skills/defaults/develop-web-game
Command: npx skills add https://github.com/91zgaoge/memoh-X --skill develop-web-game-91zgaoge

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill 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 changes, running automated tests, and inspecting results.

Core Features & Use Cases

  • Iterative Development: Implement small changes and immediately validate them.
  • Automated Testing: Uses Playwright for deterministic testing, including input simulation, screenshot capture, and console error logging.
  • State Inspection: Captures game state via render_game_to_text and visual screenshots for thorough review.
  • Use Case: Develop a new enemy behavior in a JavaScript game, run Playwright tests to ensure it moves and attacks correctly, and review screenshots to confirm its visual appearance.

Quick Start

Use the develop-web-game skill to run the Playwright client against http://localhost:5173 with 3 iterations and a 250ms pause between them.

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 a web game using Playwright?

Iterative web game development involves implementing small code changes and immediately validating them through automated testing. The loop runs Playwright tests with virtual time stepping to verify game logic, then captures screenshots and text-based state for review.

Can I capture and inspect game state during automated JavaScript testing?

Playwright supports deterministic web game testing by executing virtual time steps and simulating user input. It then captures screenshots, logs console errors, and renders the game state to text for thorough visual and logical inspection.

What is the best way to validate new enemy behavior in a JavaScript game?

Validate new enemy behavior by running an automated Playwright test to ensure the enemy moves and attacks correctly, then review the captured screenshots to confirm its visual appearance matches your design expectations.

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

You can configure automated web game tests by running the Playwright client against your local server URL with a specified number of iterations. You can also set a pause duration, such as 250ms, between each test step.

How do I debug console errors during web game development?

Web game automated testing with Playwright supports debugging by logging console errors and capturing screenshots during test execution. It is specifically designed for validating HTML and JavaScript games through deterministic test loops.