React Three Fiber — 3D-сцены в React

★ 6.5 · vibe-coding

react-three-fiber is a Claude Code skill that enables declarative 3D scene development inside React applications using React Three Fiber (R3F), a React renderer built on top of Three.js. Instead of imperatively managing Three.js objects, you compose scenes from JSX components that map directly to Three.js primitives. The skill covers the Canvas component with camera and WebGL configuration, the useFrame and useThree hooks for per-frame animation and scene state access, and useLoader for GLTF model and texture loading with Suspense integration. It also supports Draco-compressed models, multi-asset loading, and works seamlessly with React frameworks like Next.js, Gatsby, and Remix — making it the right choice for product configurators, 3D portfolios, browser games, and immersive data visualizations.