36 skills · 44 tools · 35 creators

Build your skill stack once.
Install it with one file.

A credited library of agent skills and UI tools for design engineers. Pick what suits the project, then export a single runnable bundle instead of hunting fifteen install commands across fifteen websites.

Browse the library Your stack

Work by Emil Kowalski, Jakub Krehel, Raphael Salaja,
Florian Kiem and 31 others.

STACK.md

# UI stack — 4 skills, 1 tool

## How to run this file

Hand it to your coding agent:

> Read STACK.md and install everything under Install.

## Install

### Agent skills

```bash
npx skills add https://github.com/emilkowalski/skills --skill animate
npx skills add https://github.com/jakubkrehel/skills --skill better-interface
npx skills add Board-ly/ordinary-interfaces
npx skills add https://github.com/flornkm/skills --skill webgl-components
```

### shadcn registries

```bash
npx shadcn@latest registry add @fluid
```

## Credits

| Author | Items | Where |
| --- | --- | --- |
| Emil Kowalski | animate | emilkowal.ski |
| Jakub Krehel | better-interface | jakub.kr |
…

Curated stacks

Take a whole one, then trim it

Motion, from zero
Decide whether to animate, pick the curve, then tune it against the real component.
7 items
Agent UI kit
Thinking states, tool calls, streaming text — the surfaces an AI product needs on day one.
5 items
Ship it accessibly
Rules with numbers, a live scanner, and a regression check against your branch.
6 items
Design system foundations
Tokens, ramps, type scale and the references that show how good teams did it.
8 items
The review pass
Everything that reads your work back to you before anyone else does.
6 items
Make it fast
Core Web Vitals, bundle weight, and shader work that survives a real list.
3 items
Sound and texture
The channels most interfaces never use, and the judgement to use them sparingly.
5 items

Browse

Skills and tools from the people who actually ship interfaces, each credited and linked back to its source.

Stack

Add what fits the project. Motion from one author, accessibility from another, components from a third.

Export one file

A STACK.md your agent runs end to end, an install.sh, and an AGENTS.md snippet. One paste, not fifteen.

Start here

The ones worth taking first

All 101 →

emil-design-eng
The design-engineering house style behind Sonner and Vaul.
Emil KowalskiMotionCraft
Emil's main skill. Mostly animation, with the UI-polish and component judgement that surrounds it — what to build, how far to push it, and when to stop.
npx skills add https://github.com/emilkowalski/skills
MotionCraftReviewFull page & trust audit →
animate
Builds an animation from scratch, decisions in the order that matters.
Emil KowalskiMotion
Should it animate at all, what purpose, which tool, which properties, which curve and duration, how it interrupts, how it exits. Then writes the implementation.
npx skills add https://github.com/emilkowalski/skills --skill animate
MotionFull page & trust audit →
apple-design
Apple's interface and motion principles, translated for the web.
Emil KowalskiMotionCraft
Distilled from the WWDC design talks. Gesture-driven UI, spring physics, interruptible transitions, translucent materials, optical sizing and the restraint underneath all of it.
npx skills add https://github.com/emilkowalski/skills --skill apple-design
MotionCraftTypographyFull page & trust audit →
better-ui
Concentric radius, optical alignment, surface depth, hit areas.
Jakub KrehelCraftSystems
Based on the Details That Make Interfaces Feel Better article. The small corrections that separate a shipped interface from a generated one.
npx skills add https://github.com/jakubkrehel/skills --skill better-ui
CraftSystemsFull page & trust audit →
better-interface
Every better-* skill as a single review pass.
Jakub KrehelReviewCraft
Accessibility, layout, writing, typography, colour and UI polish in one go. The one to take if you only take one.
npx skills add https://github.com/jakubkrehel/skills --skill better-interface
ReviewCraftFull page & trust audit →
ordinary-interfaces
180 interface rules that each carry a number and its evidence grade.
Finn MartenSystemsAccessibility
Every rule states a value, cites where that value came from — spec, measured, or convention — and says where it stops applying. Reads your project's own tokens before it quotes a default, so a 7px radius in a 7px system is correct rather than a finding.
npx skills add https://github.com/Board-ly/ordinary-interfaces
SystemsAccessibilityReviewCraftFull page & trust audit →
12-principles-of-animation
Disney's 12 principles, adapted for web interfaces.
Raphael SalajaMotionReview
Audits motion code against squash and stretch, anticipation, follow-through, secondary action and the rest. Outputs file:line findings.
npx skills add https://github.com/raphaelsalaja/skill --skill 12-principles-of-animation
MotionReviewFull page & trust audit →
webgl-components
Always-on WebGL visuals that survive being rendered fifty times in a list.
Florian Kiem3DPerformance
One shared context blitted into cheap 2D canvases, one rAF loop, IntersectionObserver gating, mipmaps, and real optics instead of painted ones. The failure modes are predictable and nearly all come from treating the widget like a demo.
npx skills add https://github.com/flornkm/skills --skill webgl-components
3DPerformanceComponentsFull page & trust audit →