---
title: "Building Animations - Air Market"
description: "You want something on screen to move and you are not sure where to start. This works through the decisions in the order that actually determines whether the motion feels right, beginning with whether…"
canonical: "https://airmarket.ai/app/animate"
---

[Air Market](/) / [Design](/category/design) / Building Animations

Skill by [Emil Kowalski](/@emilkowalski)

# Building Animations

Get motion that feels right, decided in the order that matters

## What this does

You want something on screen to move and you are not sure where to start. This works through the decisions in the order that actually determines whether the motion feels right, beginning with whether it should animate at all, and then writes the code. Use it when you are building the motion, not judging motion that already exists.

### Top 3 things it does for you

- Animate a component from scratch
- Decide whether this should move at all
- Pick the curve and duration for a transition

## Information

**Building Animations at a glance**

|  |  |
| --- | --- |
| Kind | Skill |
| Publisher | [Emil Kowalski](/@emilkowalski) |
| Category | [Design](/category/design) |
| Works with | Agent Skills - an open standard supported by 40+ agents |
| Size | 19 KB |
| Licence | MIT |
| Repository | [emilkowalski/skills](https://github.com/emilkowalski/skills/tree/e879241fab3cdb22e8d95587cdbf40b57a88d7da/skills/animate) |
| GitHub stars | 32,021 (as of Nov 2026) |
| Installs | 213,511, counted by skills.sh (Nov 2026) |

## Security report

**Verified.** AIR scanned this exact version of Building Animations and flagged nothing. AIR's verdict: **safe**.

**What Building Animations's check was run against**

|  |  |
| --- | --- |
| Commit | e879241fab3cdb22e8d95587cdbf40b57a88d7da |
| Content hash | 357c2c90bad799fb5e9e3c4fc568d326c380ebd5430424b2d14877fec8995875 |
| Files read | [Browse the files at this exact commit](https://github.com/emilkowalski/skills/blob/e879241fab3cdb22e8d95587cdbf40b57a88d7da/skills/animate/SKILL.md) |

A scan is named by the exact content it read, not by a version number. A different version is a different artifact, and nothing here applies to a version AIR has not scanned.

[Read the full security report for Building Animations](/security/animate)

## About Building Animations

This builds an animation from scratch, making the decisions in the order that determines whether it feels right: whether it should animate at all, what purpose the motion serves, which tool, which properties, which curve and duration, how it interrupts, and how it exits. It writes the implementation.

Use it when you are asked to animate something, add motion, make a component feel alive, or build a transition. For critiquing motion that already exists there is review-animations, and for auditing a whole codebase there is improve-animations.

## What's inside

- SKILL.md - instructions
- RECIPES.md - reference

## Questions

### Is Building Animations safe to install?

AIR scanned this exact version of Building Animations and flagged nothing. AIR's verdict: safe. The verdict is named by the content that was read, at commit e879241fab3c, so it cannot drift onto a version nobody scanned. The full report is at https://airmarket.ai/security/animate.

### How do I install Building Animations?

Open https://airmarket.ai/app/animate on Air Market and use the install action: Air Market hands Claude a prompt naming this exact skill, and Claude sets it up. Source, pinned to the exact commit this listing describes: https://github.com/emilkowalski/skills/tree/e879241fab3cdb22e8d95587cdbf40b57a88d7da/skills/animate. Install from that link, not the branch.

## Related on Air Market

- [More Design listings](/category/design)
- [Everything by Emil Kowalski](/@emilkowalski)

---

Canonical URL: <https://airmarket.ai/app/animate>