# Phaser 2d Arcade > Build mobile-first 2D browser games with Phaser 3 Arcade Physics - Skill: `basezh/phaser-2d-arcade` (Agent Skill, multi-file: 4 files) - Install (CLI): `npx skillmds@latest add basezh/phaser-2d-arcade` - Raw SKILL.md: https://api.skillmd.com/api/skills/basezh/phaser-2d-arcade/raw - Safety review: pending - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Coding & Dev Tools - Author: basezh (https://skillmd.com/u/basezh) - Updated: 2026-09-22 - Page: https://skillmd.com/skills/basezh/phaser-2d-arcade --- # Phaser 2D Arcade Use this skill when a user asks for a Phaser browser game, especially for fast single-file 2D gameplay loops. ## Workflow 1. Start from `assets/starter-single-file.html`. 2. Implement core loop first: `boot -> preload -> create -> update`. 3. Add win/lose condition and scoring before polish. 4. Add touch controls and responsive layout early (mobile-first). 5. If targeting Remix, apply SDK hooks from `references/sdk-integration.md`. 6. Validate required hooks (`gameOver`, `onPlayAgain`, `onToggleMute`) before handoff. ## Guardrails - Prefer Phaser Arcade Physics for simplicity/performance. - Keep initial scope small: 1 scene, 1 mechanic, 1 fail condition. - Avoid expensive per-frame allocations and unnecessary visual effects. - Keep gameplay restart-safe and deterministic. - For Remix uploads, produce single-file HTML with inline JS/CSS unless user asks otherwise. - For Remix uploads, include `` in HTML ``. ## References - `references/phaser-arcade-patterns.md` for scene architecture, controls, and perf defaults. - `references/sdk-integration.md` for Remix SDK hooks and integration shape.