How do I install the Remix Game Best Practices skill?

Run npx skillmds@latest add basezh/remix-game-best-practices in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

What does the Remix Game Best Practices skill do?

Mobile-first game creation best practices for Remix It is listed under Coding & Dev Tools on SkillMD.

Is Remix Game Best Practices safe to use?

This skill has not completed SkillMD's automated safety review yet. Capability flags: makes network calls. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Remix Game Best Practices?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Remix Game Best Practices free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Remix Game Best Practices?

basezh (@basezh) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Remix Game Best Practices by basezh

Name: Remix Game Best Practices
Rating: 4.2 (5 reviews)
Author: basezh

File contents

Game Creation Best Practices

Mobile-First Requirements

Build for portrait orientation only.
Canvas must be 720x1080 (2:3 aspect ratio).
Do not use landscape layouts or controls.
Design for thumb-friendly interactions and readable UI.

Mandatory Remix SDK Usage

Include the SDK script in HTML <head>:

<script src="https://cdn.jsdelivr.net/npm/@remix-gg/sdk@latest/dist/index.min.js"></script>

Use only the supported SDK APIs:

window.RemixSDK.singlePlayer.actions.saveGameState({ gameState: {...} })
window.RemixSDK.singlePlayer.actions.gameOver({ score: number })
window.RemixSDK.onPlayAgain(() => { ... })
window.RemixSDK.onToggleMute((data) => { ... })
window.RemixSDK.ready()
window.RemixSDK.gameState
window.RemixSDK.hapticFeedback()

Forbidden APIs and Patterns

Do not use localStorage.
Do not use sessionStorage.
Do not use navigator.vibrate(...).
Do not use window.RemixSDK.vibrate(...).
Do not use non-existent SDK methods (save, checkpoint, etc.).

Game Over and Restart Flow

End runs only with:

window.RemixSDK.singlePlayer.actions.gameOver({ score: finalScore })

Do not implement a custom game-over screen.
Handle replay via window.RemixSDK.onPlayAgain(...).

State Persistence

Persist progress only with saveGameState.
Read persisted values from window.RemixSDK.gameState after await window.RemixSDK.ready().
Keep saved state compact and serializable.

Haptics and Audio

Use window.RemixSDK.hapticFeedback() for collisions, scoring, UI interactions, and game over.
Respect onToggleMute state for all game audio.
Use lightweight Web Audio API SFX for better mobile performance.

Framework Rules

Phaser (2D)

Use global Phaser (no imports).
Use scene lifecycle (preload, create, update).
Use Arcade physics for collisions.
Do not set parent in Phaser.Game config.

Three.js + Cannon-ES (3D)

Use globals THREE and CANNON (no imports).
Use requestAnimationFrame loop.
Include ambient + directional lighting.
Sync mesh transforms from physics bodies every frame.

Code and Runtime Constraints

Write ES6 JavaScript only (no TypeScript).
Do not use import statements.
Assume browser-only runtime (no Node.js APIs).
Define initGame() and call it at the end of the file.

Validation Checklist

Before finalizing a game, verify:

Portrait 2:3 canvas (720x1080).
SDK hooks present (gameOver, onPlayAgain, onToggleMute).
No forbidden storage or vibration APIs.
Haptics integrated for meaningful gameplay events.
Restart flow works cleanly from onPlayAgain.

---name: remix-game-best-practicesdescription: Mobile-first game creation best practices for Remix---# Game Creation Best Practices## Mobile-First Requirements- Build for portrait orientation only.- Canvas must be `720x1080` (2:3 aspect ratio).- Do not use landscape layouts or controls.- Design for thumb-friendly interactions and readable UI.## Mandatory Remix SDK UsageInclude the SDK script in HTML `<head>`:- `<script src="https://cdn.jsdelivr.net/npm/@remix-gg/sdk@latest/dist/index.min.js"></script>`Use only the supported SDK APIs:- `window.RemixSDK.singlePlayer.actions.saveGameState({ gameState: {...} })`- `window.RemixSDK.singlePlayer.actions.gameOver({ score: number })`- `window.RemixSDK.onPlayAgain(() => { ... })`- `window.RemixSDK.onToggleMute((data) => { ... })`- `window.RemixSDK.ready()`- `window.RemixSDK.gameState`- `window.RemixSDK.hapticFeedback()`## Forbidden APIs and Patterns- Do not use `localStorage`.- Do not use `sessionStorage`.- Do not use `navigator.vibrate(...)`.- Do not use `window.RemixSDK.vibrate(...)`.- Do not use non-existent SDK methods (`save`, `checkpoint`, etc.).## Game Over and Restart Flow- End runs only with:```javascriptwindow.RemixSDK.singlePlayer.actions.gameOver({ score: finalScore })```- Do not implement a custom game-over screen.- Handle replay via `window.RemixSDK.onPlayAgain(...)`.## State Persistence- Persist progress only with `saveGameState`.- Read persisted values from `window.RemixSDK.gameState` after `await window.RemixSDK.ready()`.- Keep saved state compact and serializable.## Haptics and Audio- Use `window.RemixSDK.hapticFeedback()` for collisions, scoring, UI interactions, and game over.- Respect `onToggleMute` state for all game audio.- Use lightweight Web Audio API SFX for better mobile performance.## Framework Rules### Phaser (2D)- Use global `Phaser` (no imports).- Use scene lifecycle (`preload`, `create`, `update`).- Use Arcade physics for collisions.- Do not set `parent` in `Phaser.Game` config.### Three.js + Cannon-ES (3D)- Use globals `THREE` and `CANNON` (no imports).- Use `requestAnimationFrame` loop.- Include ambient + directional lighting.- Sync mesh transforms from physics bodies every frame.## Code and Runtime Constraints- Write ES6 JavaScript only (no TypeScript).- Do not use `import` statements.- Assume browser-only runtime (no Node.js APIs).- Define `initGame()` and call it at the end of the file.## Validation ChecklistBefore finalizing a game, verify:- Portrait 2:3 canvas (`720x1080`).- SDK hooks present (`gameOver`, `onPlayAgain`, `onToggleMute`).- No forbidden storage or vibration APIs.- Haptics integrated for meaningful gameplay events.- Restart flow works cleanly from `onPlayAgain`.

Frequently asked questions

Remix Game Best Practices