skillZs
★ LIVE SKILL TAGS ★
>>> LIVE SKILLS INDEX <<<
* OPEN SOURCE *
NO LOGIN, NO TRACKING
※ REAL INSTALL DATA ※
← back to all skills
podo/design-agent-skills145 installs

claudedesignskills

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.

How do I install this agent skill?

npx skills add https://github.com/podo/design-agent-skills --skill claudedesignskills
view source ↗

Is this agent skill safe to install?

  • Gen Agent Trust Hubwarn

    The skill is a stub that directs the agent to install an external package from an unverified GitHub repository (freshtechbro/claudedesignskills). This introduces a dependency on third-party code from a non-trusted source.

  • Socketwarn

    1 alert: gptAnomaly

  • Snykpass

    Risk: LOW · No issues

What does this agent skill do?

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

How can the creator link this skill?

Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.

<a href="https://skillzs.dev/skills/podo/design-agent-skills/claudedesignskills">View claudedesignskills on skillZs</a>