develop-web-game

Drive Playwright-based test loops to advance frames and capture game state.

Updated Mar 8, 2026
One-click install
npx skills add https://github.com/ZiadNagar/zeVillage-AI-Toolkit --skill develop-web-game-ziadnagar
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: develop-web-game
Source: https://github.com/ZiadNagar/zeVillage-AI-Toolkit/tree/main/skills/develop-web-game
Command: npx skills add https://github.com/ZiadNagar/zeVillage-AI-Toolkit --skill develop-web-game-ziadnagar

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Automates iterative web-game development by driving a Playwright-based test loop that advances frames and captures state for debugging and verification.

Core Features & Use Cases

  • deterministic Playwright-driven iteration for HTML/JS web games, enabling small, safe changes and immediate validation.
  • render_game_to_text state exposure to feed AI decision-making or automated tests without relying on visuals.
  • automatic screenshot capture and console error collection to support debugging across iterations.
  • Use Case: rapidly implement a feature (e.g., player movement or collision) and verify behavior by comparing state JSON and screenshots after each step.

Quick Start

Run the Playwright client against your running web game to perform deterministic test iterations.

Frequently Asked Questions about develop-web-game

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I run deterministic Playwright tests for an HTML/JS web game?

Deterministic Playwright tests for web games run by driving a test loop that advances frames and captures state. You need a local Playwright setup, a defined client script, and state payloads to execute steps and verify behavior.

What is render_game_to_text and how does it help debug web games?

render_game_to_text exposes game state as text to feed AI decision-making or automated tests without relying on visuals. It allows you to compare state JSON after each deterministic step to verify behavior rapidly.

Can I use Playwright to automate iterating on small web game changes?

Yes, Playwright automates iterative web-game development by driving a test loop that advances frames and captures state. This enables small, safe changes with immediate validation through state inspection and screenshots.

Do I need a local Playwright setup to test web games deterministically?

Yes, you need a local Playwright setup along with a defined client script and state payloads. These are required to execute deterministic steps, inspect results, and verify game behavior.

How do I capture screenshots and console errors during web game testing?

Playwright test loops capture screenshots and collect console errors automatically across iterations. This supports debugging HTML/JS web games by providing visual and console logs after each deterministic frame advance.

What are the limitations of using Playwright for web game testing?

Playwright web game testing is limited to HTML/JS games during development. It requires defined state payloads and a client script to execute deterministic steps, making it unsuitable for non-deterministic environments or games lacking state exposure.