phaser-init

Scaffold a Phaser 4 project with TypeScript and Vite configuration.

17|1|Updated Apr 7, 2026
One-click install
npx skills add https://github.com/Yakoub-ai/phaser4-gamedev --skill phaser-init
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: phaser-init
Source: https://github.com/Yakoub-ai/phaser4-gamedev/tree/main/skills/phaser-init
Command: npx skills add https://github.com/Yakoub-ai/phaser4-gamedev --skill phaser-init

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill eliminates the friction of setting up a new Phaser 4 project, ensuring correct TypeScript configuration, Vite bundling, and asset management from the very first line of code.

Core Features & Use Cases

  • Automated Scaffolding: Generates a complete project structure with Vite, TypeScript, and Phaser 4 beta dependencies.
  • Archetype Generation: Quickly creates boilerplate for specific game genres like platformers, top-down RPGs, or space shooters.
  • Configuration Guardrails: Enforces critical tsconfig and vite.config settings to prevent common "black screen" or asset-loading errors.

Quick Start

Ask the agent to initialize a new Phaser 4 project using the platformer archetype to get a fully functional game template.

Frequently Asked Questions about phaser-init

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

FAQPage Schema
How do I scaffold a Phaser 4 game project with TypeScript and Vite?

To scaffold a Phaser 4 game project, this skill automatically generates a complete directory structure with TypeScript and Vite configuration, ensuring correct dependency installation and optimized build pipelines from the start.

Can I generate boilerplate for specific game archetypes like platformers or RPGs?

Yes, archetype generation is supported for specific game genres like platformers, top-down RPGs, and space shooters. It creates functional boilerplate code tailored to the selected game archetype for rapid prototyping.

Why does my Phaser 4 project show a black screen when loading assets?

Black screen or asset-loading errors in Phaser 4 projects often result from misconfigured settings. This skill enforces critical Vite and TypeScript configuration guardrails to prevent these common setup mistakes.

Do I need to manually configure tsconfig and vite.config for Phaser 4 beta integration?

No, manual configuration is unnecessary. The scaffolding process applies critical tsconfig and vite.config settings automatically, satisfying technical requirements for Phaser 4 beta integration and preventing common build errors.

What is the best way to set up an optimized build pipeline for a Phaser game?

The best way to set up an optimized build pipeline is through automated scaffolding. This process generates a Vite-bundled project structure that ensures proper asset directory management and optimized builds for Phaser games.

Does phaser-init support rapid prototyping of top-down RPGs?

Yes, phaser-init supports rapid prototyping of top-down RPGs. It scaffolds production-ready Phaser 4 projects with archetype-specific boilerplate, allowing immediate development of top-down RPG mechanics.