threejs-impl-drei
OfficialMaster Drei with React Three Fiber.
AuthorOpenAEC-Foundation
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This skill provides structured guidance for using Drei with React Three Fiber, helping developers avoid common setup mistakes and accelerate 3D UI development.
Core Features & Use Cases
- Clear patterns for OrbitControls, Environment, Text, Html overlays, and performance helpers.
- Prevents common mistakes like forgetting Suspense around loader hooks, using invalid Environment presets, or not applying makeDefault on controls.
- Suitable for product demos, architectural previews, e-commerce visuals, and interactive educational content.
Quick Start
Install the Drei package and start using its components in your React Three Fiber scenes.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: threejs-impl-drei Download link: https://github.com/OpenAEC-Foundation/Three.js-Claude-Skill-Package/archive/main.zip#threejs-impl-drei Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.