develop-web-game

Automate web game development and testing with Playwright headless browser interactions.

Updated Jul 6, 2026
One-click install
npx skills add https://github.com/shirulot/codex-skill --skill develop-web-game-shirulot
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: develop-web-game
Source: https://github.com/shirulot/codex-skill/tree/main/develop-web-game
Command: npx skills add https://github.com/shirulot/codex-skill --skill develop-web-game-shirulot

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 solves the challenge of maintaining a reliable development loop for web games by automating the testing of visual and interactive states.

Core Features & Use Cases

  • Deterministic Testing: Uses a Playwright-based client to execute input bursts and advance game time frame-by-frame.
  • State Verification: Captures screenshots and JSON state exports to ensure gameplay logic and rendering remain consistent across iterations.
  • Use Case: When building a platformer, use this skill to verify that jumping, collision detection, and score updates work correctly after every code change without needing to manually play through the level.

Quick Start

Use the develop-web-game skill to run the Playwright test loop against the local development server at http://localhost:5173 using the provided action payloads.

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?

Automating web game testing with Playwright involves using a headless browser client to execute input bursts and validate state. This skill drives that cycle by advancing game time frame-by-frame to ensure gameplay logic remains consistent.

How does deterministic time-stepping work for web game testing?

Deterministic time-stepping for web game testing works by advancing game time frame-by-frame via custom hooks. This approach captures screenshots and JSON state exports to verify that interactive states and rendering remain consistent across iterations.

Do I need a local Node.js environment to run automated web game tests?

Yes, you need a local Node.js environment with Playwright installed to run automated web game tests. Additionally, your game must implement render_game_to_text and advanceTime hooks to support deterministic state validation and time-stepping.

Can I use Playwright to verify collision detection and jumping logic in a platformer?

Yes, you can use Playwright to verify collision detection and jumping logic in a platformer. By executing input bursts and capturing JSON state exports, the testing loop validates gameplay mechanics without requiring manual playthrough after code changes.

What is visual regression testing for JavaScript web games?

Visual regression testing for JavaScript web games is the process of capturing screenshots across iterative development cycles to detect unintended rendering changes. It ensures visual states remain consistent by validating gameplay logic against previous deterministic outputs.

Why does my web game testing loop require render_game_to_text and advanceTime hooks?

Your web game testing loop requires render_game_to_text and advanceTime hooks to enable deterministic time-stepping and state validation. Without these game-side implementations, the Playwright client cannot execute frame-by-frame advancements or capture JSON state exports.