🎨 Design

find-animation-opportunities

Name: find-animation-opportunities
Author: emilkowalski

by emilkowalski22 days ago26.1k

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.

Install

npx skills add https://github.com/emilkowalski/skills --skill find-animation-opportunities

Show step-by-step

1
Open your terminal
- Mac: Press ⌘ Space, type "Terminal", press Enter
- Windows: Press Win R, type "cmd", press Enter
2
Paste the command above and press Enter
Use the Copy command button, then paste in your terminal (Mac: ⌘V, Windows: Ctrl V).
3
Restart Claude Code
Close and reopen Claude Code, or start a new session, so it picks up the new skill.

Where it lives

~/.claude/skills/emilkowalski--skills--skills--find-animation-opportunities/
├── SKILL.md
└── ... (skill resource files)

View on GitHub

Comments

X@emilkowalski

"New skill: /find-animation-opportunities Search your UI for places that would genuinely benefit from motion, while also telling you what not to animate."