Build mobile-first 2D browser games with Phaser 3 Arcade Physics, tuned for Remix/Farcade constraints and single-file delivery.
Resources
2Install
npx skillscat add farworld-labs/remix-skills/phaser-2d-arcade Install via the SkillsCat registry.
SKILL.md
Phaser 2D Arcade
Use this skill when a user asks for a Phaser browser game, especially for fast single-file 2D gameplay loops.
Workflow
- Start from
assets/starter-single-file.html. - Implement core loop first:
boot -> preload -> create -> update. - Add win/lose condition and scoring before polish.
- Add touch controls and responsive layout early (mobile-first).
- If targeting Remix/Farcade, apply SDK hooks from
references/remix-farcade-integration.md. - 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
<script src="https://cdn.jsdelivr.net/npm/@farcade/game-sdk@0.3.0/dist/index.min.js"></script>in HTML<head>.
References
references/phaser-arcade-patterns.mdfor scene architecture, controls, and perf defaults.references/remix-farcade-integration.mdfor Farcade SDK hooks and integration shape.