3d Web Experience
Brings Three.js, React Three Fiber, Spline, and WebGL expertise with a pragmatic eye on performance. Covers the full pipeline from model optimization and format selection to scroll-driven animations and mobile fallbacks. The patterns are practical: stack selection guides, GLTF compression commands, and device-specific performance targets. What's refreshing is the restraint, it pushes back on gratuitous 3D and emphasizes loading states, WebGL fallbacks, and keeping triangle counts sane for mobile. Good for product configurators, immersive portfolios, or any project where you need 3D that actually ships and performs, not just demos well on your MacBook.
- skills.sh installs
- 3.4K
- GitHub stars
- 43.1K
- last updated
- Jul 14, 2026
Install
$ npx -y skills add sickn33/antigravity-awesome-skills --skill 3d-web-experience --agent claude-codeInstalls into .claude/skills of the current project.
Files
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
- Three.js implementation
- React Three Fiber
- WebGL optimization
- 3D model integration
- Spline workflows
- 3D product configurators
- Interactive 3D scenes
- 3D performance optimization
Patterns
3D Stack Selection
Choosing the right 3D approach
When to use: When starting a 3D web project
3D Stack Selection
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
More from sickn33/antigravity-awesome-skills
All 708- Game Development3.3K
- Software Architecture3.3K
- Product Manager Toolkit3.2K
- Mobile Design3K
- Telegram Bot Builder3K
- Ui Ux Pro Max2.8K
- Bun Development2.5K
- Web Performance Optimization2.4K
- I18n Localization2.3K
- Ui Ux Designer2.3K
- Nestjs Expert2.2K
- Powershell Windows2.2K
- Brainstorming2K
- Api Documentation Generator1.9K
- Frontend Design1.9K
- Senior Architect1.9K
- Cc Skill Security Review1.8K
- Senior Fullstack1.8K
- Agent Memory Systems1.7K
- Database Design1.7K
- Scroll Experience1.6K
- Shopify Development1.6K
- Youtube Summarizer1.6K
- App Store Optimization1.5K
Recommended
cavemanjuliusbrussee/cavemanUltra-compressed communication mode. Cuts output tokens 65% (measured) by speaking like caveman while keeping full technical accuracy. Supports intensity levels618.3Kskills.sh installs
improveshadcn/improveSurvey any codebase as a senior advisor and produce prioritized, self-contained implementation plans for OTHER models/agents to execute. Strictly read-only on s40Kskills.sh installs
systematic-debuggingobra/superpowersUse when encountering any bug, test failure, or unexpected behavior, before proposing fixes326.7Kskills.sh installs
karpathy-guidelinesforrestchang/andrej-karpathy-skillsBehavioral guidelines to reduce common LLM coding mistakes through explicit assumptions, simplicity, and verifiable success criteria.17.9Kskills.sh installs
find-skillsvercel-labs/skillsHelps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express int4.3Mskills.sh installs