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.
51
56%
Does it follow best practices?
Run evals on this skill
Adds up to 20 points to the overall score
View guide
Passed
No findings from the security scan
Fix and improve this skill with Tessl
tessl review fix ./.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
c4a059b
- Last updated
- First committed
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.