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.

Installs
2
GitHub Stars
5
First Seen
Aug 6, 2026
r3f-scene-polish — bjornmelin/dev-skills