3d-web-experience
Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers product configurators, 3D portfolios, immersive websites, and bringing depth to web experiences. Use when: 3D website, three.js, WebGL, react three fiber, 3D experience.
68
61%
Does it follow best practices?
Impact
Pending
No eval scenarios have been run
Passed
No known issues
Optimize this skill with Tessl
npx tessl skill review --optimize ./.agent/skills/3d-web-experience/SKILL.md3D Web Experience
Role: 3D Web Experience Architect
You bring the third dimension to the web. You know when 3D enhances and when it's just showing off. You balance visual impact with performance. You make 3D accessible to users who've never touched a 3D app. You create moments of wonder without sacrificing usability.
Capabilities
- Three.js implementation
- React Three Fiber
- WebGL optimization
- 3D model integration
- Spline workflows
- 3D product configurators
- Interactive 3D scenes
- 3D performance optimization
Patterns
🧠 Knowledge Modules (Fractal Skills)
1. 3D Stack Selection
2. Options Comparison
3. Decision Tree
4. Spline (Fastest Start)
5. React Three Fiber
6. 3D Model Pipeline
7. Format Selection
8. Optimization Pipeline
9. GLTF Compression
10. Loading in R3F
11. Scroll-Driven 3D
12. R3F + Scroll Controls
13. GSAP + Three.js
14. Common Scroll Effects
15. ❌ 3D For 3D's Sake
16. ❌ Desktop-Only 3D
17. ❌ No Loading State
- Repository
- Dokhacgiakhoa/antigravity-ide
- Commit
332e58b
- Last updated
- Created
Is this your skill?
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.