Skip to content
appsgit

3d Web Experience

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.

github.com/sickn33/agentic-awesome-skills/skills/3d-web-experience (opens in a new tab)

View on GitHub (opens in a new tab)

Add this skill

Claude

This repository is a Claude Code plugin marketplace. In Claude Code:

/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 3d-web-experience folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).

ChatGPT / Codex

Codex reads skills from .agents/skills/ in a repo or ~/.agents/skills/ for every project:

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

Standalone skills also load in the ChatGPT desktop app.

Cursor

Cursor loads skills from .cursor/skills/ (or ~/.cursor/skills/) and also reads .claude/skills/:

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

Source (checked Oct 7, 2026): code.claude.com/docs/en/skills (opens in a new tab), code.claude.com/docs/en/plugin-marketplaces (opens in a new tab), support.claude.com/en/articles/12512180-using-skills-in-claude (opens in a new tab), learn.chatgpt.com/docs/build-skills (opens in a new tab), cursor.com/docs/context/skills (opens in a new tab)

What this skill does

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.

More skills in sickn33/agentic-awesome-skills

7 skills are listed from this repository.

Similar skills

More design & frontend skills

All Design & frontend

FAQ

3d Web Experience FAQ

Still curious? Email info@appsgit.com.

What is the 3d Web Experience 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. Its SKILL.md lives at github.com/sickn33/agentic-awesome-skills/skills/3d-web-experience.

How do I install the 3d Web Experience skill?

In Claude Code, run /plugin marketplace add sickn33/agentic-awesome-skills, then install its plugin from /plugin. For Codex or Cursor, copy the 3d-web-experience folder into .agents/skills/ or .cursor/skills/.

Is the 3d Web Experience skill free?

Yes. The repository is open source under the MIT license.

Is 3d Web Experience maintained?

The repository's most recent commit was on Oct 6, 2026. Its latest release is v19.0.1. appsgit only lists skills from repositories with a commit in the last six months.