Skip to content
AI Primer
๐ŸŽจ DesignNew

find-animation-opportunities

emilkowalskiby emilkowalski6 days ago19.2k

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. 1

    Open your terminal

    • Mac: Press โŒ˜ Space, type "Terminal", press Enter
    • Windows: Press Win R, type "cmd", press Enter
  2. 2

    Paste the command above and press Enter

    Use the Copy command button, then paste in your terminal (Mac: โŒ˜V, Windows: Ctrl V).

  3. 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."

Always review skill code before installing. Third-party skills may contain scripts that run on your machine.

Related skills

๐ŸŽจ Design

baoyu-comic

Knowledge comics (็Ÿฅ่ฏ†ๆผซ็”ป): educational, biography, tutorial.

by NousResearch ยท 2 months ago218.2k
๐Ÿค– ML/AI

comfyui

Generate images, video, and audio with ComfyUI โ€” install, launch, manage nodes/models, run workflows with parameter injection. Uses the official comfy-cli for lifecycle and direct REST/WebSocket API for execution.

by NousResearch ยท 2 months ago218.2k
๐Ÿค– ML/AI

hyperframes

Create HTML-based video compositions, animated title cards, social overlays, captioned talking-head videos, audio-reactive visuals, and shader transitions using HyperFrames. HTML is the source of truth for video. Use when the user wants a rendered MP4/WebM from an HTML composition, wants to animate text/logos/charts over media, needs captions synced to audio, wants TTS narration, or wants to convert a website into a video.

by NousResearch ยท 2 months ago218.2k
๐ŸŽจ Design

p5js

p5.js sketches: gen art, shaders, interactive, 3D.

by NousResearch ยท 2 months ago218.2k