improve-animations

Audits codebase animation code and writes self-contained implementation plans for motion fixes.

Updated Jul 16, 2026
One-click install
npx skills add https://github.com/optimaxin/Tredev_Gems --skill improve-animations-optimaxin
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: improve-animations
Source: https://github.com/optimaxin/Tredev_Gems/tree/main/agent/skills/improve-animations
Command: npx skills add https://github.com/optimaxin/Tredev_Gems --skill improve-animations-optimaxin

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Animation issues like wrong easings, non-interruptible keyframes, and missing reduced-motion handling are scattered across a codebase and hard to fix systematically. This Skill surveys all motion code, vets findings against a precise rule catalog, and produces prioritized, self-contained plans that any agent or cheaper model can execute without design judgment. ## Core Features & Use Cases - Eight-category motion audit: Covers purpose and frequency, easing and duration, physicality and origin, interruptibility, performance, accessibility, cohesion, and missed opportunities, with exact target values (cubic-beziers, durations, spring configs) cited from AUDIT.md. - Read-only planning workflow: Never modifies source code; outputs only prioritized findings tables and plan files under plans/, each stamped with the current commit and including verification and feel-check steps. - Flexible invocation modes: Supports quick/standard/deep audit depths, single-category focus, direct plan writing, plan execution via an executor subagent, and reconciliation of existing plans against current code. - Use Case: Ask it to audit a React app using Framer Motion; it maps the motion surface, flags issues like transition: all or scale(0) entrances with file:line evidence, then writes plans a cheaper model can implement verbatim. ## Quick Start Ask the assistant to audit the animations in this repository and produce a prioritized set of improvement plans.

Frequently Asked Questions about improve-animations

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

FAQPage Schema
When should I use a single-diff animation review instead of a full audit?

Use a diff review when evaluating one proposed change, since the audit skill surveys the whole codebase and produces a roadmap of plans. The audit explicitly defers single-diff review to a separate review-animations skill.