Extended 3d Scroll
- 629 repo stars
- Updated November 20, 2025
- freshtechbro/claudedesignskills
An extended 3D graphics and smooth-scroll stack (A-Frame, PlayCanvas, PixiJS, Locomotive Scroll, Barba.js) for building immersive, animated, page-transitioning web experiences.
About
A skill bundle from the Claude Design Skillstack covering an extended 3D and smooth-scroll web stack: A-Frame, PlayCanvas, PixiJS, Locomotive Scroll and Barba.js. A solo builder reaches for it when building an immersive marketing site or portfolio that needs WebGL 3D scenes, buttery scroll effects and seamless page transitions beyond the core Three.js/GSAP toolkit.
- A-Frame and PlayCanvas 3D
- PixiJS 2D/WebGL effects
- Locomotive Scroll smooth scrolling
- Barba.js page transitions
Extended 3d Scroll by the numbers
- Data as of Jul 31, 2026 (Skillselion catalog sync)
npx skills add https://github.com/freshtechbro/claudedesignskills --skill plugins/bundles/extended-3d-scrollAdd 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
An extended 3D graphics and smooth-scroll stack (A-Frame, PlayCanvas, PixiJS, Locomotive Scroll, Barba.js) for building immersive, animated, page-transitioning web experiences.
Who is it for?
Immersive 3D marketing sites and portfolios with scroll effects
Skip if: Simple content sites or plain dashboards
When should I use this skill?
You need advanced 3D, smooth scroll and page transitions
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