improve-animations — Skills

What it does

Stack: framework, motion libraries (Framer Motion / Motion, React Spring, GSAP, plain CSS, WAAPI), component libraries (Radix, Base UI, shadcn/ui).

Where motion lives: global CSS/tokens (--ease-, --duration-), Tailwind config, keyframe definitions, transition/animate props, gesture handlers.

Conventions: existing easing tokens, duration scales, spring configs — plans must extend these, not invent parallel ones.

Personality: is this a playful consumer app or a crisp dashboard? Cohesion findings depend on it.

Source

Repository: https://github.com/emilkowalski/skills

improve-animations FAQ

What does the improve-animations skill do?

Survey a codebase's animation and motion code as a senior motion advisor, then produce a prioritized audit and self-contained implementation plans for other agents (or cheaper models) to execute. Read-only on source code — it plans improvements, it does not apply them. Use when the user asks to "improve the animations", "audit the motion", "make this app feel better", or wants a roadmap of animation fixes rather than a review of a single diff. Stack: framework, motion libraries (Framer Motion / Motion, React Spring, GSAP, plain CSS, WAAPI), component libraries (Radix, Base UI, shadcn/ui). Where motion lives: global CSS/tokens (--ease-, --duration-), Tailwind config, keyframe definitions, transition/animate props, gesture handlers.

How do I install improve-animations?

Run: npx -y skills add https://github.com/emilkowalski/skills --skill improve-animations --agent claude-code — the source lives at github.com/emilkowalski/skills.

Maintain improve-animations?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

[![improve-animations on getagentictools](https://getagentictools.com/badge/skills/emilkowalski-skills-improve-animations.svg)](https://getagentictools.com/skills/emilkowalski-skills-improve-animations?ref=badge)

npx agentictools info skills/emilkowalski-skills-improve-animations

The second line is the CLI lookup for this page — handy in READMEs and docs.