claudedesignskills
Catalogue stub — full package: freshtechbro/claudedesignskills
Decision tree
Is the package already installed?
Check: your agent's skills directory contains claudedesignskills with content beyond this stub.
- Yes → invoke
claudedesignskills and proceed
- No → go to step 2
Which agent are you on?
- Claude Code →
/plugin marketplace add freshtechbro/claudedesignskills
- Cursor →
/plugin marketplace add freshtechbro/claudedesignskills
- Other →
/plugin marketplace add freshtechbro/claudedesignskills or see GitHub README
Install command
/plugin marketplace add freshtechbro/claudedesignskills
Invoke after install
- Skill name:
claudedesignskills
- Trigger phrases: "claudedesignskills", "Babylon.js", "A-Frame", "PixiJS", "React Spring", "Locomotive Scroll", "Rive"
What it does
The broadest motion and creative coding skill suite available — 22 individual skills organised across 5 bundles. Covers: Three.js 3D scenes, GSAP ScrollTrigger, React Three Fiber, Framer Motion, Babylon.js game/XR rendering, A-Frame WebXR, PixiJS 2D WebGL, Locomotive Scroll smooth scrolling, Barba.js page transitions, React Spring physics-based animation, Magic UI component animations, AOS (Animate On Scroll), Anime.js, Lottie playback, Rive interactive animation, Spline 3D, and a Blender-to-web pipeline. Use this package when a project spans multiple animation frameworks or when you're unsure which toolchain will be needed.
When NOT to use
- When you only need one framework — use its dedicated skill instead (
gsap-skills, framer-motion-skills, etc.) for a lighter footprint
- Backend or non-visual work
1---2name: claudedesignskills3description: 22-skill package across 5 bundles covering Three.js, GSAP ScrollTrigger, React Three Fiber, Framer Motion, Babylon.js, A-Frame, PixiJS, Locomotive Scroll, Barba.js, React Spring, Magic UI, AOS, Anime.js, Lottie, Rive, Spline, and Blender pipeline. The broadest motion/creative suite available.4---5
6# claudedesignskills
7
8> Catalogue stub — full package: [freshtechbro/claudedesignskills](https://github.com/freshtechbro/claudedesignskills)
9
10## Decision tree
11
121. **Is the package already installed?**
13 Check: your agent's skills directory contains `claudedesignskills` with content beyond this stub.
14 - Yes → invoke `claudedesignskills` and proceed
15 - No → go to step 2
16
172. **Which agent are you on?**
18 - Claude Code → `/plugin marketplace add freshtechbro/claudedesignskills`
19 - Cursor → `/plugin marketplace add freshtechbro/claudedesignskills`
20 - Other → `/plugin marketplace add freshtechbro/claudedesignskills` or see [GitHub README](https://github.com/freshtechbro/claudedesignskills)
21
22## Install command
23
24```bash
25/plugin marketplace add freshtechbro/claudedesignskills
26```
27
28## Invoke after install
29
30- Skill name: `claudedesignskills`
31- Trigger phrases: "claudedesignskills", "Babylon.js", "A-Frame", "PixiJS", "React Spring", "Locomotive Scroll", "Rive"
32
33## What it does
34
35The broadest motion and creative coding skill suite available — 22 individual skills organised across 5 bundles. Covers: Three.js 3D scenes, GSAP ScrollTrigger, React Three Fiber, Framer Motion, Babylon.js game/XR rendering, A-Frame WebXR, PixiJS 2D WebGL, Locomotive Scroll smooth scrolling, Barba.js page transitions, React Spring physics-based animation, Magic UI component animations, AOS (Animate On Scroll), Anime.js, Lottie playback, Rive interactive animation, Spline 3D, and a Blender-to-web pipeline. Use this package when a project spans multiple animation frameworks or when you're unsure which toolchain will be needed.
36
37## When NOT to use
38
39- When you only need one framework — use its dedicated skill instead (`gsap-skills`, `framer-motion-skills`, etc.) for a lighter footprint
40- Backend or non-visual work
podo