1. Habit
  2. Skills
  3. Find Animation Opportunities skill
Emil Kowalski · 200K installs

Find Animation Opportunities skill
Runs by itself, weekly UI sweep.

Only motion that earns its place.

Install the Find Animation Opportunities skill and make it a habit: follow https://gethabit.dev/skills/emilkowalski/find-animation-opportunities.md

  1. 1Copy
  2. 2Paste into Claude Code, Codex or Cursor
  3. 3It runs by itself

200K installs48K starsMIT licenceSource on GitHub ↗

Find Animation Opportunities

by Emil Kowalski · 200K installs

The skill

Find animation opportunities is a read-only skill that searches a UI for moments that should animate, rejects the rest through a strict gate, and proposes exact motion values.

Only when you ask.

The habit

Only motion that earns its place.

↻ Runs by itselfweekly UI sweep

How the habit works.
You don't have to.

Three questionsWhen does it start? How does it check its work? What does it remember?

01

It starts by itself

weekly UI sweep. Runs in Claude Code routine.

  • ↻ weekly UI sweep
  • 0 9 * * 1

02

It checks its work

report format holds. If a check fails, it tries again.

  • ✓no source file changed (git diff is empty)
  • ✓at most 7 suggestions in the table
  • ✓rejected candidates section lists 2 to 5 items
  • ✓every suggestion has file:line evidence

03

It remembers

past suggestions and rejections. The next run reads it first: suggestions and rejected candidates from the last sweep.

loops/animation-opportunities-loop/report.md

One run, step by step.
Then it stops.

Stop ruleStops after one sweep and at most 7 suggestions per run.

  1. 01

    Recon

    Find the stack, motion libraries, easing and duration tokens, and a rough frequency map of the surfaces.

  2. 02

    Sweep

    Check every seam class in the hunt list and record file:line evidence or clear it.

  3. 03

    Gate

    Run each candidate through frequency, purpose, speed and function, and reject what fails.

  4. 04

    Report

    Write the opportunities table with exact values, the rejected candidates and a short verdict.

  5. 05

    Hand off

    Point each row at improve-animations plan for the implementation plan.

What it may do.
Nothing more.

Safe by defaultIt writes only in its own folder and asks you before anything goes out.

Is it for you?
Use it when it fits.

Quick checkRead both lists. If the left one sounds like you, the Find Animation Opportunities skill helps.

Use it when

  • ✓ You ask what could be animated here
  • ✓ You want the UI to feel more alive
  • ✓ You want exact motion values per spot

Skip it when

  • – You want to fix animations that already exist
  • – You want the code written for you

Questions

Find Animation Opportunities skill, answered.

Does it add animations to my code?

No. It only reports. Building is handed to improve-animations plan or another agent.

Why does it reject so much?

The skill is built on restraint. Frequent and keyboard actions should not animate.

What if nothing passes the gate?

The report says so. The skill treats that as a good result.

How do I install the Find Animation Opportunities skill?

Copy the prompt at the top into your agent. It installs the skill from emilkowalski/skills and sets up the habit. Or run npx skills add emilkowalski/skills --skill find-animation-opportunities.

Is the Find Animation Opportunities skill free?

Yes. It is published under MIT. Habit is free too.

Find Animation Opportunities. Now as a habit.

Install the Find Animation Opportunities skill and make it a habit: follow https://gethabit.dev/skills/emilkowalski/find-animation-opportunities.md

  • Free
  • No account
  • Undo in one line

All Emil Kowalski skills →More design skills →

Works in

  • Claude Code
  • Codex
  • Cursor
  • ChatGPT
  • Claude app

Made by Emil Kowalski, published under MIT. Habit links to the original and never changes it. Is this your skill?

Copying didn't work here. Select the line and copy it by hand.