whatisgithub

What is skills?

emilkowalski/skills — explained in plain English

Analysis updated 2026-05-18

19,808Audience · designerComplexity · 1/5Setup · easy

In one sentence

A collection of AI agent skill files that teach coding assistants how to design and review polished, professional UI animations.

Mindmap

mindmap
  root((Skills for Design Engineers))
    What it does
      Animation guidance
      Review animations
      Improve animations
      Pick UI library
    Tech stack
      Agent skill files
      npx CLI installer
    Use cases
      Audit codebase animations
      Fix easing and timing
      Add press feedback
      Choose trusted UI libraries
    Audience
      Designers
      Design engineers
    Origin
      Vercel experience
      Linear experience

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Have an AI agent audit all animations in a codebase and produce prioritized fix plans

USE CASE 2

Review a new animation against a strict set of design rules before shipping it

USE CASE 3

Find UI spots that would genuinely benefit from added motion

USE CASE 4

Get an AI agent to pick a trustworthy UI library instead of hand-rolling components

What is it built with?

MarkdownAgent Skillsnpx

How does it compare?

emilkowalski/skillsxi-editor/xi-editordailydotdev/daily
Stars19,80819,82119,826
LanguageRust
Setup difficultyeasyhardhard
Complexity1/55/54/5
Audiencedesignerdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

Installed with a single npx command, requires an AI coding agent that supports skills.

So what is it?

This repository is a set of instruction files, called skills, meant to teach AI coding assistants good taste in interface design and animation. It is written by a designer with experience at companies like Vercel and Linear, and it packages that hands-on knowledge into files an AI agent can read and follow when it helps build a website or app. The core idea is that AI agents are often technically capable but make small design mistakes that add up: picking the wrong easing curve for an animation, using a solid border instead of a soft shadow, or moving something in a way that just feels off. Each skill in the collection explains these kinds of mistakes and how to avoid them, so an agent following the skill produces more polished, professional looking results. The collection includes several distinct skills. One covers general animation and design principles. Another reviews existing animations in a codebase against a strict set of rules. A third audits an entire project's animations across categories like timing, performance, accessibility, and consistency, then writes out prioritized, step by step plans that another AI agent can carry out without needing any design judgment of its own. There is also a skill for finding places in an interface that would genuinely benefit from added motion, one that teaches the vocabulary needed to describe the animation you want to an AI, a skill based on Apple's own interface design guidance, and a skill that helps an agent choose a trustworthy UI library instead of building components from scratch. Installing the skills is done with a single command line tool built for this purpose. The audience is designers and engineers who use AI coding tools and want those tools to produce better looking, more carefully animated interfaces rather than generic or awkward ones.

Copy-paste prompts

Prompt 1
Install emilkowalski/skills and use improve-animations to audit this codebase
Prompt 2
Review the animations in this component using the review-animations skill
Prompt 3
Find animation opportunities in my UI using the find-animation-opportunities skill
Prompt 4
Use the animation-vocabulary skill to help me describe the animation I want

Frequently asked questions

What is skills?

A collection of AI agent skill files that teach coding assistants how to design and review polished, professional UI animations.

How hard is skills to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is skills for?

Mainly designer.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.