develop-web-game

Develops web games with Playwright-based deterministic testing and virtual time stepping.

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

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 tests with Playwright, and inspecting visual and textual feedback.

Core Features & Use Cases

  • Iterative Development: Implement changes in small, manageable steps.
  • Automated Testing: Utilize Playwright for deterministic testing, including virtual time stepping and screenshot capture.
  • State Inspection: Capture game state via render_game_to_text and review console errors.
  • Use Case: Develop a new character movement mechanic, test it with Playwright, review the resulting screenshot and state output, and iterate until it behaves as expected.

Quick Start

Use the develop-web-game skill to implement a small change to the game and run the Playwright test script.

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 and virtual time stepping?

Automate web game testing by running a Playwright loop that uses virtual time stepping and state inspection. This requires integrating `window.advanceTime` and `window.render_game_to_text` hooks into your HTML/JS game for deterministic test execution.

What is deterministic game testing and when do I need it for JavaScript games?

Deterministic game testing ensures consistent test results by controlling time progression and state inspection. You need it for JavaScript games when visual validation and console error analysis must remain stable across automated Playwright test runs.

How to iterate on game development features using automated screenshots and console error analysis?

Iterate on game features by implementing small code changes and running the Playwright test script. The loop captures screenshots for visual validation and analyzes console errors, allowing you to verify mechanics like character movement step-by-step.

Does Playwright testing require specific hooks for HTML/JS game state inspection?

Playwright testing requires specific hooks for HTML/JS game state inspection. Your game must implement `window.render_game_to_text` to capture state and `window.advanceTime` to enable virtual time stepping during the automated test loop.

What are the limitations of using Playwright for web game visual validation?

A limitation of using Playwright for web game visual validation is that it requires deterministic testing setups. Games lacking the `window.advanceTime` and `window.render_game_to_text` hooks cannot utilize the virtual time stepping and state inspection features.

Can I use this to test character movement mechanics in a web game?

You can test character movement mechanics by implementing the change, running the Playwright test script, and reviewing the resulting screenshot and textual state output. This allows you to iterate until the movement behaves as expected.