threejs-lite
Three.js Lite
Use this skill when a user wants a 3D browser game with minimal rendering complexity and stable mobile performance.
Workflow
- Start from
assets/starter-single-file.html. - Implement one camera, one scene, one gameplay loop.
- Add player input and terminal condition before adding visual polish.
- Keep geometry/material count small and predictable.
- If targeting Remix, apply hooks in
references/sdk-integration.md. - Validate required hooks (
gameOver,onPlayAgain,onToggleMute) before handoff.
Guardrails
- Keep draw calls low and avoid postprocessing by default.
- Prefer simple
MeshBasicMaterial/MeshStandardMaterialsetups. - Avoid dynamic shadows on first pass.
- For Remix uploads, output 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>. - Treat 3D as optional style; gameplay clarity is higher priority than visual complexity.
References
references/threejs-mobile-patterns.mdfor scene setup, controls, and perf budgets.references/sdk-integration.mdfor SDK hooks required by Remix validation.
More from farworld-labs/remix-skills
phaser-2d-arcade
Build mobile-first 2D browser games with Phaser 3 Arcade Physics
38remix-agent-publish
Build and publish Remix games with the current Remix toolchain. Use when work touches the official Remix CLI, MCP server, REST publishing APIs, or the @remix-gg/sdk game runtime.
38remix-api-auth
Configure and verify authentication for Remix REST, CLI, and MCP workflows. Use when a task needs `REMIX_API_KEY`, `remix login`, stored Remix credentials, or auth troubleshooting.
33remix-add-sprite
Generate and add sprites to a Remix game
32remix-game-sdk
Reference for the current @remix-gg/sdk runtime. Use when generating or repairing Remix game code, shop item integrations, save-state flows, multiplayer hooks, or host-safe mobile UI behavior.
32remix-game-creation
Create a new game draft via the Remix API
32