spencergeee/3d-web-experience
.agent/skills/3d-web-experience/SKILL.md
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.
development
Updated Apr 14, 2026
$ install --global
skillsauthnpx skillsauth add spencergeee/spentrade 3d-web-experienceInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Mar 30, 2026, 6:39 AM39.4s18 files scanned
SKILL.md
- version:
- 4.1.0-fractal
- name:
- 3d-web-experience
- description:
- 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.
- source:
- vibeship-spawner-skills (Apache 2.0)
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
Related Skills
spencergeee/brand-guidelines
development
VerifiedTrustedCommunity
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
SKILL.mdUpdated Apr 14, 2026
spencergeee/brand-guidelines
development
VerifiedTrustedCommunity
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
SKILL.mdUpdated Apr 14, 2026
spencergeee/blockrun
testing
VerifiedTrustedCommunity
Use when user needs capabilities Claude lacks (image generation, real-time X/Twitter data) or explicitly requests external models ("blockrun", "use grok", "use gpt", "dall-e", "deepseek")
SKILL.mdUpdated Apr 14, 2026
spencergeee/blockchain-developer
development
VerifiedTrustedCommunity
Build production-ready Web3 applications, smart contracts, and decentralized systems. Implements DeFi protocols, NFT platforms, DAOs, and enterprise blockchain integrations. Use PROACTIVELY for smart contracts, Web3 apps, DeFi protocols, or blockchain infrastructure.
SKILL.mdUpdated Apr 14, 2026