improve-animations

Audits codebase animation code and writes self-contained motion improvement plans.

Updated Jul 8, 2026
One-click install
npx skills add https://github.com/NarixHine/uni-chem --skill improve-animations-narixhine
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: improve-animations
Source: https://github.com/NarixHine/uni-chem/tree/main/.agents/skills/improve-animations
Command: npx skills add https://github.com/NarixHine/uni-chem --skill improve-animations-narixhine

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Animation issues like wrong easings, non-interruptible keyframes, and layout-thrashing transitions are hard to spot and even harder to delegate. This Skill surveys a codebase's motion code, produces a prioritized audit, and writes implementation plans precise enough for any agent or cheaper model to execute without design judgment. ## Core Features & Use Cases - Eight-category motion audit: Evaluates purpose/frequency, easing and duration, physicality and transform origin, interruptibility, performance, accessibility, cohesion, and missed opportunities against exact target values. - Read-only advisor workflow: Never modifies source code; all output is findings tables and plan files under plans/, stamped with the current commit. - Self-contained execution plans: Each plan includes verbatim current code, exact target cubic-beziers and durations, repo conventions, scope boundaries, and feel-check verification steps. - Use Case: Ask it to audit a React app using Framer Motion and Radix; it flags transition: all, scale(0) entrances, and missing prefers-reduced-motion handling, then writes ordered plans another agent can implement. ## Quick Start Ask the assistant to audit this codebase's animations and produce a prioritized improvement plan.

Frequently Asked Questions about improve-animations

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I audit animations in a React codebase?▼

Run the skill's standard workflow: it maps your motion stack (Framer Motion, CSS transitions, Radix), audits eight categories from easing to accessibility, then presents a severity-ranked findings table before writing implementation plans.

What animation problems does a motion audit look for?▼

It flags ease-in on UI elements, durations over 300ms, scale(0) entrances, transition: all, keyframes on interruptible UI, missing prefers-reduced-motion handling, and Framer Motion x/y shorthand props that skip hardware acceleration.

Does this skill modify my source code?▼

No. It is strictly read-only on source code and only creates files under plans/. Each plan is designed for a separate executor agent to implement, keeping analysis and mutation fully separated.

Can I audit only performance or accessibility issues?▼

Yes. Passing a category focus like performance or accessibility runs recon plus a single-category audit. You can also use quick or deep modes to adjust coverage from high-traffic components to the whole repo.

When should I not use an animation audit skill?▼

Skip it for reviewing a single diff, which belongs to a code review skill, or when you want fixes applied immediately, since this skill only plans. It also defers to documented deliberate motion tradeoffs rather than re-litigating them.