skills.rest
lidge-jun
lidge-junCOMMUNITY
Explore all skills by this author →
𝕏@claudeebumGitHub

develop-web-game

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

5|Updated Feb 26, 2026
Search Tags:#automation#testing#game development#iteration#playwright#web game
One-click install
npx skills add https://github.com/lidge-jun/cli-jaw-skills --skill develop-web-game-lidge-jun
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: develop-web-game
Source: https://github.com/lidge-jun/cli-jaw-skills/tree/main/develop-web-game
Command: npx skills add https://github.com/lidge-jun/cli-jaw-skills --skill develop-web-game-lidge-jun

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides a robust development and testing loop for web games, ensuring that every small change is implemented, tested, and validated before proceeding.

Core Features & Use Cases

  • Iterative Development: Implement small changes and test them immediately.
  • Automated Testing: Uses Playwright for deterministic testing, including virtual-time stepping and screenshot capture.
  • State Inspection: Provides tools to inspect game state via text output and screenshots.
  • Use Case: When building a new feature for an HTML5 game, use this Skill to implement a single mechanic, run automated tests to verify its behavior, inspect the visual output, and fix any errors before moving to the next mechanic.

Quick Start

Run the Playwright test script to implement and test a small change in the web game.

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 deterministic time stepping?▼

Automated web game testing with deterministic time stepping uses Playwright to execute virtual-time hooks, capturing screenshots and validating game state reliably without real-time execution inconsistencies.

What is the best way to iterate on small code changes in an HTML5 game?▼

The best way to iterate on HTML5 game code changes is implementing a single mechanic, running Playwright-based automated tests immediately, inspecting visual output, and fixing errors before proceeding.

Can I use Playwright to inspect game canvas state during automated testing?▼

Yes, Playwright supports integration with game canvases to inspect game state during automated testing, providing deterministic time-stepping hooks and capturing visual output via screenshots for validation.

Does automated game testing work with virtual-time stepping for reliable validation?▼

Automated game testing works with virtual-time stepping by using deterministic hooks to control time progression, ensuring reliable validation of game states and visual outputs without timing fluctuations.

Why do my web game tests fail due to non-deterministic time progression?▼

Web game tests fail from non-deterministic time progression because real-time execution causes inconsistent state updates; deterministic virtual-time stepping with Playwright resolves this by controlling time intervals exactly.

How do I set up an iteration loop for web game development and testing?▼

Set up a web game development iteration loop by making small code changes, running deterministic Playwright tests with virtual-time stepping, inspecting textual and visual game states, and fixing errors before continuing.

Related Skills

Explore More Software Engineering Skills→
jls42jls42
1

Gestion des Sprites

Manage sprite sheets, animations, and collision detection for arcade games.

Community
Advanced
aquariuscookaquariuscook

regression-testing

Analyze code changes and prioritize regression test execution in CI/CD pipelines.

Community
Advanced
pacphipacphi
14

webapp-testing

Run Playwright automated UI tests on local web applications.

Community
Advanced
sidjamylsidjamyl

develop-web-game

Run Playwright-based tests with virtual-time stepping and capture game states.

Community
Advanced