Skills
A set of instruction files that teach AI coding agents better UI animation and design choices.
- Stars
- 52.9k
- Forks
- 3.1k
- Licence
- MIT
- Language
- Markdown
- Last update
- 4 days ago
- Type
- AI model / agent
What it is
This is a collection of 'skills', which are markdown instruction files for AI coding agents. The author says agents often make small design mistakes, such as using ease-in for an enter animation, and these skills list common mistakes and how to fix them. They cover animation, performance, review, React Native, Swift, and UI library choices.
- Ask an agent to build an animation with a suitable curve, duration, and properties
- Run a review of existing animations against the listed rules
- Find UI places that would benefit from motion and places to leave static
- Fix animations that drop frames using the performance skill
Great for
- Frontend developers using AI coding agents to build web interfaces
- Designers who want agents to follow stronger motion and UI guidelines
- Teams building React Native or Expo apps who want motion guidance
- Developers who want an agent to audit or review existing animations
Not ideal for
- People who do not use an AI coding agent, since the files are meant to be loaded into one
- Anyone looking for a runnable app or library, because this repo contains only guidance documents
- Beginners without a basic sense of UI code, since the advice assumes familiarity with animation terms
How to get it
- 1
Install with a package manager
You'll need: Node.js (needed for npx, version not stated in README)
Install skills into your agent
npx skills@latest add emilkowalski/skills - 2
Run it
- Run the install command in your project
- Open your AI coding agent in that project
- Ask it to build or review an animation, for example with the animate or review-animations skill
- Check the agent's output against the skill's guidance
- 3
Get the most out of it
- Use find-animation-opportunities before adding motion, and remove-animations to cut unnecessary motion
- Use animation-vocabulary to describe the exact motion you want to the agent
- Use pick-ui-library so the agent chooses libraries instead of hand-rolling components
- Use break-ui to test layouts against long names, empty lists, and huge counts
Downloads
Strengths
- Installs with one npx command and is MIT licensed
- Each skill has a clear, narrow purpose listed in the README
- Based on the author's stated experience at Vercel and Linear
Trade-offs
- Advice reflects one designer's personal taste, as the README itself describes
- The README does not show measured results from using the skills
- Quality depends on which AI agent loads the files, which the README does not detail
Stats synced from GitHub. The assessment above was drafted with AI from the project's README on 2026-10-29 and may miss recent changes — check the README before relying on a command. MIT licence: free to use, modify and distribute, including commercially, as long as you keep the copyright notice.