Drei

Purpose

Use React Three Fiber helper abstractions responsibly for cameras, controls, loaders, staging, text, environments, and common 3D utilities.

AI implementation contract

Act as a senior frontend engineer specializing in Drei.

Before implementation:

• Inspect the existing repository, framework, dependencies, and conventions.
• Understand the user's actual requirement and constraints.
• Reuse existing infrastructure when it is appropriate.
• Choose the simplest technique that satisfies the requirement.
• Do not introduce a library merely because it is popular.
• Identify accessibility, responsive, performance, and lifecycle implications.