3d-motion-pro
Installation
SKILL.md
3D Motion Design (professional)
Skill text is English; match the user's response language when applicable.
Use Three.js docs, React Three Fiber, WebXR API, GSAP docs, and glTF spec as authority. This skill encodes Three.js scene architecture, GLTF model loading and optimization, custom shaders (GLSL), particle systems, WebXR VR/AR, and performance optimization for 60fps. Confirm target platform, performance budget, asset pipeline, and interactivity requirements before architecting.
Boundary
3d-motion-pro owns Three.js/WebGL scenes, 3D model loading and optimization, GLSL shaders, particle systems, WebXR VR/AR experiences, and 3D animation pipelines. It does not own 2D CSS/JS animations, static UI design, or DCC tool production workflows (Blender/Maya) beyond web export.
| Skill | When to combine with 3d-motion-pro |
|---|---|
motion-design-pro |
When 3D scene includes 2D overlay animations |
react-pro |
When using React Three Fiber (R3F) for React integration |
performance-tuning-pro |
When scene has sustained FPS drops or memory issues |
ai-design-pro |
When AI-generated textures or reference images feed into 3D assets |
frontend-design-pro |
When 3D canvas lives inside a larger UI layout |