phaser-component-test-scenes

Create isolated Phaser UI component test scenes booted via URL parameters.

2|Updated Feb 13, 2026
One-click install
npx skills add https://github.com/pmarashian/cursor-agent-skills --skill phaser-component-test-scenes
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: phaser-component-test-scenes
Source: https://github.com/pmarashian/cursor-agent-skills/tree/main/phaser-component-test-scenes
Command: npx skills add https://github.com/pmarashian/cursor-agent-skills --skill phaser-component-test-scenes

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill streamlines the testing of individual Phaser UI components by allowing them to be tested in isolated scenes, rather than within the full game context.

Core Features & Use Cases

  • Component Isolation: Test UI elements like sliders, toggles, and HUDs independently.
  • Faster Feedback Loop: Quickly verify component behavior without loading the entire game.
  • Unit-Test Methodology: Apply a structured approach to testing reusable game components.
  • Use Case: When developing a new button component for your Phaser game, use this Skill to create a dedicated ButtonTestScene to ensure its visual appearance, click interactions, and state changes work correctly before integrating it into the main game.

Quick Start

Create a new test scene for your component and register it in main.ts to boot via ?scene=ComponentNameTestScene.

Frequently Asked Questions about phaser-component-test-scenes

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

FAQPage Schema
How do I test Phaser UI components in isolation?

Testing Phaser UI components in isolation involves creating dedicated test scenes booted via URL parameters. This approach allows you to verify individual elements like sliders and toggles independently without loading the full game context.

What's the best way to unit test Phaser game elements like sliders and toggles?

The best way to unit test Phaser game elements is by creating dedicated test scenes. This structured methodology provides faster feedback loops and clearer failure scope by evaluating reusable components like sliders and toggles independently.

How do you set up a Phaser test scene using URL parameters?

To set up a Phaser test scene using URL parameters, register a dedicated test scene class in main.ts. You then boot the specific scene by appending a query string like ?scene=ComponentNameTestScene to load and test only that component.

Can I test a Phaser HUD element before integrating it into the main game?

Yes, you can test a Phaser HUD element before integration by creating a dedicated test scene. This allows you to verify its visual appearance, click interactions, and state changes independently to ensure correct behavior prior to main game integration.

Does testing Phaser components in isolated scenes speed up the feedback loop?

Yes, testing Phaser components in isolated scenes significantly speeds up the feedback loop. By bypassing the full game load process, you can quickly verify component behavior and state changes, resulting in faster feedback and clearer failure scope.