Optimized for: Gemini / ChatGPT / Claude
Advanced AI Prompt for React Three Fiber (R3F) Optimized Particles
Use this engineered prompt to drastically optimize your workflow and output.
Required Variables
- ✦
[HOOK_TYPE] - ✦
[PARTICLE_COUNT] - ✦
[SPRING_TENSION] - ✦
[COLOR_ARRAY]
react-three-fiber-optimized-particles.txt
Act as a Senior React Developer. Build a reusable React Three Fiber component for an interactive particle background. Use the [HOOK_TYPE] hook for managing state and `useFrame` for animations. Render [PARTICLE_COUNT] points using BufferGeometry. Integrate `react-spring` to handle particle transitions with [SPRING_TENSION]. The particles should cycle through a [COLOR_ARRAY]. Ensure the component is performance-optimized using `useMemo` for geometry and material definitions.
Example Output
"The AI will output a clean, modern React component using R3F and Drei, demonstrating best practices for hooks and declarative 3D."