Web3d Integration Patterns
- 629 repo stars
- Updated November 20, 2025
- freshtechbro/claudedesignskills
Architecture patterns for combining Three.js, GSAP ScrollTrigger, React Three Fiber, Motion and React Spring into complex, performant 3D web experiences.
About
A meta-skill describing architecture patterns for combining Three.js, GSAP ScrollTrigger, React Three Fiber, Motion and React Spring into complex 3D web experiences. A solo builder reaches for it when a single app needs several 3D and animation libraries to coexist, with shared state management and performance tuning across the stack.
- Meta-skill for multi-library 3D architecture
- Combines Three.js, GSAP, R3F, Motion, React Spring
- Scroll-driven and physics-based 3D patterns
- Cross-stack performance optimization
Web3d Integration Patterns by the numbers
- Data as of Jul 31, 2026 (Skillselion catalog sync)
npx skills add https://github.com/freshtechbro/claudedesignskills --skill plugins/individual/web3d-integration-patternsAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| repo stars | ★ 629 |
|---|---|
| Last updated | November 20, 2025 |
| Repository | freshtechbro/claudedesignskills ↗ |
What it does
Architecture patterns for combining Three.js, GSAP ScrollTrigger, React Three Fiber, Motion and React Spring into complex, performant 3D web experiences.
Who is it for?
Complex 3D web apps combining multiple animation and rendering libraries
Skip if: Simple single-library animation needs
Related skills
Frontend DesignGenerate distinctive, production-grade frontend interfaces and components that avoid generic AI aesthetics.698k164k
Web Design GuidelinesAutomatically audit frontend code against the latest Vercel Web Interface Guidelines for consistency, accessibility, and UX quality.486k29.4k
Lark WhiteboardGenerate valid Lark Whiteboard (Feishu Board) documents with correctly placed connectors, automatic routing, and proper schema compliance directly from agent inst382k15.8k
Sleek Design Mobile AppsGenerate mobile app screens and UI from plain English descriptions using the Sleek.design API.315k470
Design Taste FrontendOverride generic LLM frontend output with intentional, metric-driven UI/UX taste.284k66.9k
Ui Ux Pro MaxGet instant, high-quality UI/UX decisions, component recommendations, style guidance, and code improvements across web and mobile projects.282k109k