AgentSkillsCN

threejs-lite

利用 Three.js 构建轻量级、移动端友好的 3D 浏览器游戏，针对 Remix/Farcade 的约束条件与单文件交付需求进行优化。

SKILL.md
--- frontmatter
name: threejs-lite
description: Build lightweight mobile-friendly 3D browser games with Three.js, optimized for Remix/Farcade constraints and single-file delivery.
metadata:
  tags: threejs, webgl, game-dev, 3d, remix

Three.js Lite

Use this skill when a user wants a 3D browser game with minimal rendering complexity and stable mobile performance.

Workflow

  1. •Start from assets/starter-single-file.html.
  2. •Implement one camera, one scene, one gameplay loop.
  3. •Add player input and terminal condition before adding visual polish.
  4. •Keep geometry/material count small and predictable.
  5. •If targeting Remix/Farcade, apply hooks in references/remix-farcade-integration.md.
  6. •Validate required hooks (gameOver, onPlayAgain, onToggleMute) before handoff.

Guardrails

  • •Keep draw calls low and avoid postprocessing by default.
  • •Prefer simple MeshBasicMaterial/MeshStandardMaterial setups.
  • •Avoid dynamic shadows on first pass.
  • •For Remix uploads, output single-file HTML with inline JS/CSS unless user asks otherwise.
  • •Treat 3D as optional style; gameplay clarity is higher priority than visual complexity.

References

  • •references/threejs-mobile-patterns.md for scene setup, controls, and perf budgets.
  • •references/remix-farcade-integration.md for SDK hooks required by Remix validation.