Animate
S-rankWalks the decision chain most motion work skips: should this animate at all, what purpose does the motion serve, which tool, which properties, which curve and duration, how it interrupts, how it exits — then writes the implementation. Companion to `emil-design-eng`: that skill starts a design, this one adds or repairs motion on an interface that already exists.
Claude CodeCodexCursorMulti Platform
Install This Skill
npx skills add emilkowalski/skills@animateSKILL.md Preview
--- name: Animate author: emilkowalski version: 1.0.0 description: Builds an animation from scratch by making the decisions in the order that determines whether it feels right. category: design tags: [animation, motion, ui, interaction] platforms: [claude-code, codex, cursor, multi-platform] license: MIT --- # Animate Walks the decision chain most motion work skips: should this animate at all, what purpose does the motion serve, which tool, which properties, which curve and duration, how it interrupts, how it exits — then writes the implementation. Companion to `emil-design-eng`: that skill starts a design, this one adds or repairs motion on an interface that already exists. ## Usage This skill automatically enhances your AI agent's capabilities when installed. No additional configuration required. ## Installation ```bash npx skills add emilkowalski/skills@animate ``` ## Compatibility This skill is compatible with: claude-code, codex, cursor, multi-platform ## License MIT
Tags
animationmotionuiinteraction
Related Skills
Build Awwwards-Quality Sites
by Meng To
S-rank
Art-directs and implements motion-rich marketing, editorial, and portfolio sites to Awwwards-level standards.
4 platforms
ViewEmil Kowalski's Design Skills
by Emil Kowalski
S-rank
Twelve design and animation skills from the author of Sonner and Vaul, including Apple design and animation vocabulary.
4 platforms
ViewAlgorithmic Art
by Anthropic
A-rankOfficial
Create generative art using p5.js with seeded randomness, flow fields, and particles.
2 platforms
View