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