Getting Started

Skills

Install the Phaser best practices skill to give AI agents direct guidance for Phaser 3 architecture, scenes, physics, assets, and performance work.

What are skills?

Skills are structured knowledge files that give AI coding agents reusable context about a library, framework, or codebase.

phaser-vue ships one public usage skill:

  • Phaser best practices: teaches an agent how to structure Phaser 3 scenes, pick the right physics system, handle assets and UI panels, and avoid common lifecycle and performance mistakes.

The skill lives in the repository at skills/phaser-best-practices/. It follows the same top-level skills/ layout used by Nuxt UI.

Once installed, many agents let you invoke the skill directly by name as /phaser-best-practices.

What the skill covers

The skill keeps the top-level file short and loads detailed references only when they are relevant. It covers:

  • project setup and Phaser bootstrap defaults
  • scene-first architecture and restart-safe lifecycle patterns
  • Arcade vs Matter decision-making
  • entities, pooling, and collision handling
  • assets, spritesheets, animations, and scalable UI panels
  • camera, tilemaps, input, audio, performance, and debugging

Cursor

Quick install

Install Skill

Manual setup

  1. Open Cursor and go to "Settings" > "Skills".
  2. Click "Add skill" and enter this URL:
https://github.com/onmax/phaser-vue/tree/main/skills/phaser-best-practices

Claude Code

Add the skill with the repository URL:

claude skill add https://github.com/onmax/phaser-vue/tree/main/skills/phaser-best-practices

Other AI tools

Any tool that supports custom context or remote skill folders can use the same public files:

Local repository path

If the agent is already working inside this repository, the local path is:

skills/phaser-best-practices
Use the public skill when you want stronger Phaser guidance in another project. Use the repository-local docs when you want the phaser-vue API surface itself.
Copyright © 2026