---
version: 4.1.0-fractal
name: 3d-web-experience-e1671617ef96
description: "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."
source: vibeship-spawner-skills (Apache 2.0)
---

# 3D 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](./sub-skills/3d-stack-selection.md)
### 2. [Options Comparison](./sub-skills/options-comparison.md)
### 3. [Decision Tree](./sub-skills/decision-tree.md)
### 4. [Spline (Fastest Start)](./sub-skills/spline-fastest-start.md)
### 5. [React Three Fiber](./sub-skills/react-three-fiber.md)
### 6. [3D Model Pipeline](./sub-skills/3d-model-pipeline.md)
### 7. [Format Selection](./sub-skills/format-selection.md)
### 8. [Optimization Pipeline](./sub-skills/optimization-pipeline.md)
### 9. [GLTF Compression](./sub-skills/gltf-compression.md)
### 10. [Loading in R3F](./sub-skills/loading-in-r3f.md)
### 11. [Scroll-Driven 3D](./sub-skills/scroll-driven-3d.md)
### 12. [R3F + Scroll Controls](./sub-skills/r3f-scroll-controls.md)
### 13. [GSAP + Three.js](./sub-skills/gsap-threejs.md)
### 14. [Common Scroll Effects](./sub-skills/common-scroll-effects.md)
### 15. [❌ 3D For 3D's Sake](./sub-skills/3d-for-3ds-sake.md)
### 16. [❌ Desktop-Only 3D](./sub-skills/desktop-only-3d.md)
### 17. [❌ No Loading State](./sub-skills/no-loading-state.md)


---
Source attribution: Dokhacgiakhoa
Original project: https://github.com/Dokhacgiakhoa/antigravity-ide/blob/c4a059bbf7a8d6b2162071f0fbfe74053faa6d20/.agent/skills/3d-web-experience/SKILL.md
License: MIT
License information: https://opensource.org/license/mit
Original upstream instructions; downloaded from Mega AI Hub.

## Upstream license notice

MIT License

Copyright (c) 2026 Dokhacgiakhoa

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

================================================================================
UNIVERSAL ACKNOWLEDGEMENTS & REFERENCES
================================================================================

This project is authored and maintained by Dokhacgiakhoa.
Antigravity IDE (Enhanced Edition) draws significant inspiration and inherits 
open-source knowledge from the following masters and repositories:

1. Antigravity Kit (Core Reference)
   - Original Author: vudovn
   - Link: https://github.com/vudovn/antigravity-kit

2. Antigravity Awesome Skills (Skill Metadata Reference)
   - Original Author: sickn33
   - Link: https://github.com/sickn33/antigravity-awesome-skills

3. UI/UX Pro Max (Design Philosophy Reference)
   - Original Author: sickn33
   - Link: https://github.com/sickn33/ui-ux-pro-max

4. Model Context Protocol (MCP) standards
   - Authors: Anthropic & Ecosystem Contributors
   - Link: https://modelcontextprotocol.io/

5. High-Performance Web Standards
   - Inspiration: Vercel Engineering & Anthony Fu (antfu)

6. Strategic Knowledge Extraction
   - Inspiration: Fabric Patterns (danielmiessler)

*Note: All trademarks and copyrights belong to their respective owners. 
The references above reflect research-level inspiration and antecedent 
contributions. These parties are not involved in the management of this repository.*



# Mega AI Hub resource metadata

Creator / publisher: Dokhacgiakhoa
Original project: https://github.com/Dokhacgiakhoa/antigravity-ide/blob/c4a059bbf7a8d6b2162071f0fbfe74053faa6d20/.agent/skills/3d-web-experience/SKILL.md
Attribution basis: Source repository record

Fields of work: Design, Development & Engineering
Roles: Frontend Developer, Product Designer, UX Designer
Specialties: Frontend
Tools: React Three Fiber, Spline, Webgl, Three.Js
Country applicability: Country not specified
Classification basis: Source catalog labels
Instruction SHA-256: 6b02d249efa51f8de5b57f4b4ec078bb3ff48ee7f07cfd4f35f1d6d7c935095d