Writing Phaser 3 Games

This gets Claude writing Phaser 3 browser games with all the standard patterns baked in. You get multi-scene flow structures (boot, preloader, menu, game, game over), physics setup, sprite handling, and the usual game loop scaffolding. It's based on the sugar-splat repo from tomcoolpxl, so it's coming from actual working game code rather than generic docs. If you're prototyping a simple 2D web game or teaching yourself Phaser without reading through the entire API every time, this handles the boilerplate so you can focus on gameplay. The scene management alone saves you from reinventing that wheel.

last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add tomcoolpxl/sugar-splat --skill 'Writing Phaser 3 Games' --agent claude-code

Installs into .claude/skills of the current project.

Files

Phaser 3 Game Development Skill

Quick Start

Most Common Patterns

Multi-Scene Flow

const config = {
    scene: [ Boot, Preloader, MainMenu, Game, GameOver ]
};
// Boot → Preloader → MainMenu → Game → GameOver

Object Pooling

create() {
    this.projectiles = this.physics.add.group({
        classType: Projectile,
        frameQuantity: 20,
        active: false,
        visible: false
    });
}

fire() {
    const projectile = this.projectiles.getFirstDead(false);
    if (projectile) projectile.fire(x, y);
}

Global Animations

// In Preloader.js create()
this.anims.create({
    key: 'walk',
    frames: this.anims.generateFrameNumbers('player', { start: 0, end: 3 }),
    frameRate: 10,
    repeat: -1
});

JustDown Input

if (Phaser.Input.Keyboard.JustDown(this.spacebar)) {
    this.jump();
}

Navigation Guide

How to Use This Skill

This skill provides access to 18 comprehensive pattern files covering all aspects of Phaser 3 development. Each file contains detailed patterns, code examples, and best practices.

To find specific patterns:

SKILL.md on GitHub