Loading…
Art-direct an EXISTING three.js / React Three Fiber scene to premium, cinematic quality -- postprocessing (bloom, depth-of-field, N8AO, tone mapping), HDRI/PBR lighting, contact & accumulative shadows, transmission/glass materials, and camera choreography. Use for look-development and "make this 3D scene cinematic / premium / hyperrealistic" once it already renders. Do NOT use for scene setup or correctness -- route Canvas/createRoot lifecycle, loaders, GLTF, disposal, SSR/client boundaries, and DPR to web-three-r3f; native (Expo/RN) motion to expo-motion; repo-wide motion-system direction to design-motion-system.
npx skills add BjornMelin/dev-skills --skill r3f-scene-polish -g -a codex -ynpx skills add BjornMelin/dev-skills --skill r3f-scene-polish -a codexnpx skills add BjornMelin/dev-skills --agent '*' --skill r3f-scene-polishArt-direct an EXISTING three.js / React Three Fiber scene to premium, cinematic quality -- postprocessing (bloom, depth-of-field, N8AO, tone mapping), HDRI/PBR lighting, contact & accumulative shadows, transmission/glass materials, and camera choreography. Use for look-development and "make this 3D scene cinematic / premium / hyperrealistic" once it already renders. Do NOT use for scene setup or correctness -- route Canvas/createRoot lifecycle, loaders, GLTF, disposal, SSR/client boundaries, and DPR to web-three-r3f; native (Expo/RN) motion to expo-motion; repo-wide motion-system direction to design-motion-system.
Use this skill when the task matches its trigger language and the workflow benefits from reusable instructions, scripts, references, or subagent routing.