develop-web-game

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

3|3|Updated Mar 8, 2026
One-click install
npx skills add https://github.com/sixtycat2000-ctrl/LobsterAI-Web --skill develop-web-game-sixtycat2000-ctrl
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: develop-web-game
Source: https://github.com/sixtycat2000-ctrl/LobsterAI-Web/tree/main/SKILLs/develop-web-game
Command: npx skills add https://github.com/sixtycat2000-ctrl/LobsterAI-Web --skill develop-web-game-sixtycat2000-ctrl

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and agents (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 Playwright tests, 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 with virtual time stepping.
  • Visual & State Inspection: Capture screenshots and game state for thorough review.
  • Use Case: When building a new character ability for a web game, use this Skill to implement the ability, run Playwright tests to ensure it functions correctly across several frames, check the visual output, and verify the game state updates as expected.

Quick Start

Use the develop-web-game skill to run the Playwright client 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 using a Playwright-based loop to implement code changes, run tests with virtual time stepping, and capture screenshots. This validates game behavior deterministically across frames without manual interaction.

What is the best way to inspect console errors during web game development?

Inspecting console errors during web game development is handled by the automated testing loop, which captures textual state and logs. This allows you to catch and resolve runtime issues immediately after implementing small code changes.

How do I test web game state changes across multiple frames?

Testing web game state changes across multiple frames requires virtual time stepping in Playwright. This mechanism advances the game loop deterministically, allowing you to capture and verify exact state updates and visual output at specific intervals.

Can I use this Playwright testing loop for iterative web game development?

Yes, this Playwright testing loop is designed for iterative web game development. It supports implementing small, manageable code changes and immediately running automated tests to verify visual output and game state updates.

Does automated web game testing support capturing screenshots and game state?

Automated web game testing supports capturing both screenshots and game state. The testing loop gathers this visual and textual feedback to provide a thorough review of game behavior after executing code changes.

Why use virtual time stepping for deterministic web game testing?

Virtual time stepping is used for deterministic web game testing to control frame advancement precisely. This ensures consistent test execution and reliable inspection of visual output and game state, avoiding the unpredictability of real-time rendering.