---

name: claudedesignskills description: | 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. triggers:

• "claudedesignskills"
• "Babylon.js"
• "A-Frame"
• "PixiJS"
• "React Spring"
• "Locomotive Scroll"
• "Spine"
• "Rive" das: type: package category: motion-animation upstream: "https://github.com/freshtechbro/claudedesignskills" version: latest install: false

---

claudedesignskills

Catalogue stub — full package: freshtechbro/claudedesignskills

Decision tree

1. 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

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