Build responsive React interfaces with 3D scenes.
What it does
Guides development of declarative React Three Fiber scenes with resource cleanup and performance optimizations.
When to use it
Use when developing with React Three Fiber, React, Vite, Tailwind CSS, and three.js.
How to use it
It changes how the agent writes React and React Three Fiber project code through TypeScript, component, styling, and scene-management conventions.
What you provide
- An existing project
What you need · 5
Uses React Three Fiber to compose and render 3D scenes through React components.
Uses React components and Suspense in the scene implementation.
Uses drei helpers for common 3D patterns, with OrbitControls and Environment shown in the example.
Directs the agent to use Next UI for styling alongside Tailwind CSS.
Access · 0
No additional actions listed.