find-animation-opportunities — Skills

What it does

Feedback — confirming the interface heard the user (press scale, hold-to-confirm fill)

Spatial consistency — showing where something came from or went (toast enters and exits the same edge; panel grows from its trigger)

State indication — making a state change legible (morphing button, expanding accordion)

Preventing a jarring change — content that teleports, appears, or vanishes with no bridge

Explanation — motion that demonstrates how a feature works (marketing/onboarding only)

Delight — allowed only at the Rare/first-time frequency tier

Pressable elements with no :active state → transform: scale(0.97) with transition: transform 160ms ease-out (subtle: 0.95–0.98)

Source

Repository: https://github.com/emilkowalski/skills

find-animation-opportunities FAQ

What does the find-animation-opportunities skill do?

Search a codebase or UI for places that don't animate but should, and reject everything that shouldn't. Read-only; it proposes motion with exact values, it does not implement it. Use when the user asks "what could be animated here?" or wants to "make this feel more alive". For fixing existing animations, use improve-animations or review-animations instead. Feedback — confirming the interface heard the user (press scale, hold-to-confirm fill) Spatial consistency — showing where something came from or went (toast enters and exits the same edge; panel grows from its trigger)

How do I install find-animation-opportunities?

Run: npx -y skills add https://github.com/emilkowalski/skills --skill find-animation-opportunities --agent claude-code — the source lives at github.com/emilkowalski/skills.

Maintain find-animation-opportunities?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

[![find-animation-opportunities on getagentictools](https://getagentictools.com/badge/skills/emilkowalski-skills-find-animation-opportunities.svg)](https://getagentictools.com/skills/emilkowalski-skills-find-animation-opportunities?ref=badge)

npx agentictools info skills/emilkowalski-skills-find-animation-opportunities

The second line is the CLI lookup for this page — handy in READMEs and docs.