improve-animations
๐ฏSkillfrom emilkowalski/skills
Installation
npx vibeindex add emilkowalski/skills --skill improve-animationsnpx skills add emilkowalski/skills --skill improve-animations~/.claude/skills/improve-animations/SKILL.md
|A skill that audits animation and motion code across a codebase, then produces prioritized findings and self-contained implementation plans for other agents to execute.
Overview
An advisor skill modeled on a senior design engineer's audit-then-plan workflow. It surveys animation and motion code across an entire codebase, prioritizes findings by leverage (impact divided by effort), and writes self-contained implementation plans precise enough for any agent or cheaper model to execute without additional context. It is read-only on source code and never modifies files directly. The bar comes from Emil Kowalski's animation philosophy, and the skill complements review-animations (which reviews a single diff) by operating at the codebase level.
Key Features
- Four-phase workflow: Recon (map the motion surface, stack, conventions, frequency of use), Audit (parallel subagents checking 8 categories), Vet (confirm every finding at its file:line), and Plan (write self-contained implementation specs)
- Eight audit categories: purpose and frequency, easing and duration, physicality and origin, interruptibility, performance, accessibility, cohesion and tokens, and missed opportunities
- Three effort levels:
quick(high-traffic components only, ~5 HIGH-severity findings),standard(all interactive UI, full table),deep(whole repo including marketing pages, plus LOW polish items) - Severity classification: HIGH (feel-breaking issues like wrong easing, animation on keyboard actions, dropped frames), MEDIUM (wrong origin, non-interruptible dynamic UI), LOW (polish like stagger and token consolidation)
- Self-contained plans written to a
plans/directory with exact file paths, code excerpts, target values (cubic-beziers, durations, spring configs), verification steps, and feel-check instructions - Reconcile mode to re-check existing plans against current code, mark completed plans as done, and retire fixed findings
Who is this for?
- Teams with motion-heavy web applications who want a systematic audit of their animation quality
- Senior developers who prefer to plan animation improvements at a high level and delegate execution to other agents or team members
- Anyone who wants to identify the highest-leverage animation fixes in a codebase before investing time in implementation
Same repository
emilkowalski/skills(10 items)
SKILL.md
More from this repository9
Encodes Emil Kowalski's design engineering philosophy for UI polish, covering animation decision frameworks, easing curves, spring physics, component design patterns, and the invisible details that make interfaces feel right.
A Claude Code skill that reviews animation and motion code against a high craft bar, checking easing, duration, origin, interruptibility, performance, and accessibility based on Emil Kowalski's animation philosophy.
A reverse-lookup glossary skill that turns vague animation descriptions into precise technical terms, covering 80+ web animation and motion concepts from entrances to springs to performance.
A skill that teaches Apple's approach to interface design and fluid, physical motion for the web, covering springs, gesture handling, interruptibility, rubber-banding, translucent materials, typography, and accessibility.
A read-only search skill that sweeps your UI codebase for places that would genuinely benefit from animation, while deliberately rejecting most candidates. Based on Emil Kowalski's restraint-first philosophy, it gates every suggestion through frequency, purpose, speed, and function checks before proposing precise motion recipes with exact values.
Encodes Emil Kowalski's design-engineering philosophy โ UI polish, component design, and animation decisions โ to help build interfaces where invisible details compound into craft that feels right.
A Claude Code lookup skill that recommends the right frontend library for a given task from a curated, opinionated list covering UI primitives, animation, charts, drag-and-drop, virtualization, state management, and styling.
Skill
Skill