How do I install the 3d Web Experience skill?

Run npx skillmds@latest add dokhacgiakhoa/3d-web-experience in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is 3d Web Experience safe to use?

This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. Capability flags: docs only. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with 3d Web Experience?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is 3d Web Experience free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published 3d Web Experience?

Dokhacgiakhoa (@dokhacgiakhoa) published this skill. Their other Agent Skills are listed on their SkillMD profile.

3d Web Experience by dokhacgiakhoa — Agent Skill

Name: 3d Web Experience
Rating: 4.666666666666667 (3 reviews)
Author: Dokhacgiakhoa

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.

Dokhacgiakhoa Updated Sep 9, 2026 505 repo stars

File contents

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

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

---name: 3d-web-experiencedescription: 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.--- # 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)

Frequently asked questions