3D Web Experience

3D Web Experience is a Frontend skill for Claude Code, published by sickn33 in agentic-awesome-skills.

44.5K stars6.5K forkson sickn33/agentic-awesome-skillsAdded 2026/07/19+1% in starsRepository updated 2026/08/05

agent-skillsagentic-skillsai-agent-skillsai-agentsai-codingai-workflowsantigravityantigravity-skillsclaude-codeclaude-code-skillscodex-clicodex-skillscursorcursor-skillsdeveloper-toolsgemini-cligemini-skillskiromcpskill-library

Install in seconds

Install 3D Web Experience

Copy 3D Web Experience into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/sickn33/agentic-awesome-skills/tree/main/plugins/agentic-awesome-skills-claude/skills/3d-web-experience ~/.claude/skills/3d-web-experience

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/sickn33/agentic-awesome-skills.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: plugins/agentic-awesome-skills-claude/skills/3d-web-experience/SKILL.md in sickn33/agentic-awesome-skills
Installs to: ~/.claude/skills/3d-web-experience
Collection: One of 26 skills cataloged from this repository
Category: Frontend — 732 skills

What 3D Web Experience does

Expert system for building interactive 3D web experiences using Three.js, React Three Fiber, Spline, and WebGL. Covers product configurators, 3D portfolios, and immersive websites.

3D Web Experience is cataloged under Frontend on DirSkills. 3D Web Experience comes from a repository tagged agent-skills, agentic-skills, ai-agent-skills, ai-agents and ai-coding.

Documentation

README

Excerpt

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.

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.

Expertise

Three.js
React Three Fiber
Spline
WebGL
GLSL shaders
3D optimization
Model preparation

Capabilities

This is the opening of the README. Read the full README on GitHub.

Frequently asked about 3D Web Experience

What else does sickn33 publish alongside 3D Web Experience?
3D Web Experience is one of 26 skills that DirSkills catalogs from sickn33/agentic-awesome-skills, the repository it ships in. Its siblings there include 007 Security Audit, 2Slides Presentation Generator and A/B Test Setup. Each one is a separate skill with its own page in this directory, installs the same way 3D Web Experience does, and is maintained by sickn33 in that same repository. The rest of the collection is listed on the sickn33/agentic-awesome-skills page.
How does 3D Web Experience compare to other Frontend skills?
3D Web Experience ranks #61 by stars among the 732 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of 3D Web Experience against them. Open each page to compare what they document and how they install.