# 3d Web Experience (agent skill)

> 3d Web Experience is an agent skill (a SKILL.md file) from sickn33/agentic-awesome-skills. Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. It works with Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode and has 47,305 GitHub stars across a repository of 7 listed skills.

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. 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.

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/sickn33/agentic-awesome-skills |
| Skill path | skills/3d-web-experience/SKILL.md |
| Skill name | 3d-web-experience |
| GitHub stars | 47,305 |
| Installs on skills.sh | not listed |
| License | MIT |
| Skills in repo | 7 |
| Plugin marketplace | agentic-awesome-skills |
| Official | no |
| Works with | Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode |
| Category | Design & frontend |
| Last commit | Oct 6, 2026 |

## Add this skill

### Claude Code

```sh
/plugin marketplace add sickn33/agentic-awesome-skills
/plugin   # browse agentic-awesome-skills and install the plugin that contains 3d-web-experience
```

In the Claude apps, zip the skill folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).

### ChatGPT / Codex

```sh
git clone --depth 1 https://github.com/sickn33/agentic-awesome-skills.git
cp -r agentic-awesome-skills/skills/3d-web-experience .agents/skills/3d-web-experience   # repo; ~/.agents/skills for all projects
```

### Cursor

```sh
git clone --depth 1 https://github.com/sickn33/agentic-awesome-skills.git
cp -r agentic-awesome-skills/skills/3d-web-experience .cursor/skills/3d-web-experience   # project; ~/.cursor/skills for all projects
```

Sources (checked 2026-10-07): https://code.claude.com/docs/en/skills, https://support.claude.com/en/articles/12512180-using-skills-in-claude, https://learn.chatgpt.com/docs/build-skills, https://cursor.com/docs/context/skills

---

Canonical page: https://appsgit.com/skills/sickn33-3d-web-experience
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed nightly.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.