skills.rest
thanhquan3010
thanhquan3010COMMUNITY
Explore all skills by this author →
GitHub

develop-web-game

Run Playwright tests with virtual time stepping for web game development.

Updated Mar 14, 2026
Search Tags:#automation#testing#game development#web development#javascript#playwright
One-click install
npx skills add https://github.com/thanhquan3010/hospital-management-system-v3 --skill develop-web-game-thanhquan3010
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: develop-web-game
Source: https://github.com/thanhquan3010/hospital-management-system-v3/tree/main/.agents/skills/develop-web-game
Command: npx skills add https://github.com/thanhquan3010/hospital-management-system-v3 --skill develop-web-game-thanhquan3010

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill streamlines the development of web games by integrating a robust testing loop, ensuring that every small change is validated before proceeding.

Core Features & Use Cases

  • Iterative Development: Implement changes in small, manageable steps.
  • Automated Testing: Run Playwright-based tests with virtual time stepping and screenshot capture after each change.
  • State Inspection: Analyze game state through render_game_to_text output and visual screenshots.
  • Use Case: Develop a new character ability for an HTML5 game, implement the code, run the Playwright script to test its functionality and visual feedback, and iterate until it works perfectly.

Quick Start

Use the develop-web-game skill to run the Playwright test script against http://localhost:5173 with the provided actions file.

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 web game testing with Playwright?▼

Automate web game testing by running Playwright scripts with predefined action payloads and virtual time stepping. This validates code changes through deterministic state inspection and screenshot capture.

How does virtual time stepping work for HTML5 game testing?▼

Virtual time stepping uses the window.advanceTime integration point to manually progress the game loop. This allows deterministic testing of game logic without waiting for real-time animation frames.

Can I inspect web game state during an automated test loop?▼

Yes, game state inspection is handled through the window.render_game_to_text integration point. It outputs current game state as text alongside visual screenshots for validation after each change.

What is the best way to iterate on web game development reliably?▼

The best way to iterate is implementing small code changes and running a deterministic Playwright test loop after each step. Progress is tracked via a progress.md file to ensure reliable development.

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

Yes, you need a local development server running your web game, such as on http://localhost:5173. The Playwright test script connects to this local URL to execute actions and capture screenshots.

Why are my Playwright game tests producing inconsistent results?▼

Inconsistent results often come from non-deterministic game loops. Using predefined action payloads and window.advanceTime for virtual time stepping ensures consistent test execution and reliable state inspection.

Related Skills

Explore More Software Engineering Skills→
metaid-developersmetaid-developers
10

develop-web-game

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

Official
Intermediate
metric-space-aimetric-space-ai
2

develop-web-game

Automate iterative HTML/JS game development with a Playwright validation loop.

Official
Advanced
jhaugajhauga

game-engine

Create web-based games with HTML5, Canvas, WebGL, and JavaScript frameworks.

Community
Advanced
lidge-junlidge-jun
5

develop-web-game

Automates iterative web game development and testing with Playwright virtual-time stepping.

Community
Advanced