mcpField
P
phaser-2d-arcade

phaser-2d-arcade

github.com/farworld-labsDevelopment70 installs
Repository

About phaser-2d-arcade

A skill for developers building Phaser browser games, with a workflow for fast, single-file 2D arcade gameplay. It covers the core game loop, mobile controls, restart safety, and Remix integration checks.

Key features

  1. 01Start from single-file HTML
  2. 02Build the Phaser game loop
  3. 03Add win conditions and scoring
  4. 04Prioritize touch and responsive layouts
  5. 05Validate Remix SDK hooks

Use cases

  1. 01Quickly prototype a 2D browser game
  2. 02Build mobile-friendly arcade gameplay
  3. 03Prepare a single-file game for Remix uploads

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/farworld-labs/remix-skills --skill phaser-2d-arcade

After installing, type/phaser-2d-arcadein Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

assets/
starter-single-file.html
references/
phaser-arcade-patterns.md
sdk-integration.md

Details

From the project README

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 <script src="https://cdn.jsdelivr.net/npm/@remix-gg/sdk@latest/dist/index.min.js"></script> in HTML <head>.

References

  • references/phaser-arcade-patterns.md for scene architecture, controls, and perf defaults.
  • references/sdk-integration.md for Remix SDK hooks and integration shape.

Comments

Markdown supported