r3f-scene-polish
Installation
SKILL.md
R3F Scene Polish — Cinematic Look-Dev
Take an already-working three.js / React Three Fiber scene and art-direct it to a premium, cinematic result. This skill owns the aesthetic layer: postprocessing, physically-based lighting, shadows, materials, tone mapping, and camera choreography.
Boundary (read first)
This skill is the second half of a 3D scene — the look-dev pass after it renders correctly. It does not own setup or correctness:
- Canvas/createRoot lifecycle, loaders, GLTF, disposal, SSR/client boundaries,
DPR, "blank canvas" and resize bugs →
web-three-r3f. - Native (Expo / React Native) motion →
expo-motion. - Cross-stack motion-system direction / tokens / repo-wide upgrades →
design-motion-audit.
If the scene doesn't render yet, start in web-three-r3f, then return here.