StealIt
Emil KowalskiClaude skill for design

Improve Animations

improve-animations

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.

Install

Run this in your project folder. It works with Claude Code, Cursor, Codex and dozens of other agents.

$ npx skills add emilkowalski/skills --skill improve-animations

Needs Node.js. Add -g to install for every project, or -a claude-code to skip the agent picker.

How to use Improve Animations

Once it's installed, Claude reads this skill on its own whenever a request matches what it's for, so you don't have to mention it by name. In Claude Code you can also run it directly by typing /improve-animations.

It contains no scripts, only instructions and reference files, so it can't run code on its own.

What the instructions cover

  1. 1Initial Response
  2. 2Operating Posture
  3. 3Hard Rules
  4. 4Workflow
  5. 5Invocation Variants
  6. 6Tone

Section headings from the skill's SKILL.md file.

What's inside · 3 files

  • AUDIT.md
  • PLAN-TEMPLATE.md
  • SKILL.md

More from Emil Kowalski

See all →

Animate

Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it animate at all, what purpose, which tool, which properties…

Design & UIEmil Kowalski54k

Animate Expo

Build animations in React Native and Expo, making the decisions in the order that determines whether they feel right — should it animate, which thread it runs on, which…

MobileEmil Kowalski54k

Animation Performance

Keep web animations inside the frame budget — animate composite-only properties, keep motion off the main thread when the page is busy, and find the cause when an animation drops…

Design & UIEmil Kowalski54k

Animation Vocabulary

Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS…

Design & UIEmil Kowalski54k

More Claude skills for design

See all →

Frontend DesignTop pick

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't…

Design & UIAnthropic187k

UI UX Pro MaxTop pick

UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages, components, design…

Design & UINextLevelBuilder145k

Taste SkillTop pick

tasteskill v2, the anti-slop frontend skill. Art direction for websites, distilled from a study of 247 curated gallery sites (One Page Love, Awwwards Sites of the Day). Deals…

Design & UILeon110k

Impeccable

Use when the user wants to design, redesign, shape, critique, audit, polish, simplify, harden, animate, or otherwise improve a frontend interface: websites, landing pages…

Design & UIPaul Bakaus103k