How do I install the Improve Animations skill?

Run npx skillmds@latest add bog5d/improve-animations in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Improve Animations safe to use?

SkillMD's automated safety review verdict for this skill is PASS. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. Capability flags: docs only. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Improve Animations?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Improve Animations free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Improve Animations?

bog5d (@bog5d) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Improve Animations by bog5d — Agent Skill

Name: Improve Animations
Rating: 4.666666666666667 (3 reviews)
Author: bog5d

Improve Animations

Read-only animation audit system — analyze a project's existing animations, identify quality gaps, and generate actionable improvement plans. Never modifies source code. Phases: Recon → Parallel Audit → Vetting → Implementation Plans. Pairs with apple-design for physics validation and gsap-animation for implementation.

bog5d Updated Aug 19, 2026 0 repo stars

File contents

Improve Animations — Audit & Plan Generator

Read-only animation quality audit. Analyzes existing animations, finds gaps, and produces ranked improvement plans without touching source code.

Workflow

Phase 1 — Recon

Scan project for animation declarations (CSS transitions, CSS animations, JS libraries)
Catalog: selectors, properties animated, durations, easing, trigger type
Output: animation inventory markdown

Phase 2 — Parallel Audit

Run against references/AUDIT.md rule set:

Easing consistency (mixed cubic-bezier values)
Duration hierarchy (micro 150ms, standard 300ms, page 500ms)
Missing reduced-motion overrides
Orphaned keyframes (no reduced-motion pair)
Gesture connectivity (velocity not transferred)
Performance (layout-triggering properties vs composite-only)

Phase 3 — Vetting

Score each finding: severity (high/med/low) × frequency × user-impact
Filter: ignore findings with zero user-visible impact
Rank: by priority score

Phase 4 — Implementation Plans

Generate per-finding plans using references/PLAN-TEMPLATE.md
Each plan: what to change, before/after code, risk level, verification
Output: ranked plan list with estimated effort

Hard Rules

Read-only — audit and plan; never modify source code
Cite sources — every finding links to the exact file and line
Before/After — every plan shows both states
Respect existing style — don't suggest Apple-style for a brutalist site

Compatibility

Compatible with apple-design (physics validation), taste-anti-slop (aesthetic rules), gsap-animation (implementation patterns). See apple-design/references/compatibility.md.

References

references/AUDIT.md — rule catalog for animation quality checks
references/PLAN-TEMPLATE.md — implementation plan template

---name: improve-animationsdescription: Read-only animation audit system — analyze a project's existing animations, identify quality gaps, and generate actionable improvement plans. Never modifies source code. Phases: Recon → Parallel Audit → Vetting → Implementation Plans. Pairs with apple-design for physics validation and gsap-animation for implementation.---# Improve Animations — Audit & Plan GeneratorRead-only animation quality audit. Analyzes existing animations, finds gaps,and produces ranked improvement plans without touching source code.## Workflow### Phase 1 — Recon- Scan project for animation declarations (CSS transitions, CSS animations, JS libraries)- Catalog: selectors, properties animated, durations, easing, trigger type- Output: animation inventory markdown### Phase 2 — Parallel AuditRun against `references/AUDIT.md` rule set:- Easing consistency (mixed cubic-bezier values)- Duration hierarchy (micro 150ms, standard 300ms, page 500ms)- Missing reduced-motion overrides- Orphaned keyframes (no reduced-motion pair)- Gesture connectivity (velocity not transferred)- Performance (layout-triggering properties vs composite-only)### Phase 3 — Vetting- Score each finding: severity (high/med/low) × frequency × user-impact- Filter: ignore findings with zero user-visible impact- Rank: by priority score### Phase 4 — Implementation Plans- Generate per-finding plans using `references/PLAN-TEMPLATE.md`- Each plan: what to change, before/after code, risk level, verification- Output: ranked plan list with estimated effort## Hard Rules1. **Read-only** — audit and plan; never modify source code2. **Cite sources** — every finding links to the exact file and line3. **Before/After** — every plan shows both states4. **Respect existing style** — don't suggest Apple-style for a brutalist site## CompatibilityCompatible with `apple-design` (physics validation), `taste-anti-slop` (aesthetic rules),`gsap-animation` (implementation patterns). See `apple-design/references/compatibility.md`.## References- `references/AUDIT.md` — rule catalog for animation quality checks- `references/PLAN-TEMPLATE.md` — implementation plan template

Frequently asked questions