standing on shoulders
Library
The people, tools and writing this course and its skill are built on. Nothing here is ours to claim: each card says what it is and what the course takes from it. Go read the originals.
- Person
Emil Kowalski
Design engineer known for Sonner and the animations.dev course.
In the course: The motion cluster, and the typography, color, surfaces, forms, touch, polish and unslop nodes are distilled from his practice.
emilkowal.ski
- Person
Benji Taylor
Designer and builder of small, delightful tools: Stageshow, Agentation, Drawesome, Liveline and Honk.
In the course: Delight, the faux product UI cluster, presence patterns and live-data states.
benji.org
- Person
Jakub Antalik
Maker of transitions.dev, a catalog of interface transitions.
In the course: The transitions the motion lessons name and copy.
transitions.dev
- Person
Jakub Krehel
Designer behind Interfaces and the interfaces agent skills.
In the course: Screen readers, keyboard, WCAG 2.2, color tokens, palette roles, overflow, RTL and change-scoped review.
jakub.kr
- Person
James Frewin
Author of guidelines.sh, a set of interface guidelines.
In the course: Rules the review checklist checks against.
guidelines.sh
- Person
Ben DC
Author of the frontend-guidelines CSS and JavaScript conventions.
In the course: The CSS conventions behind the code-tells nodes.
github.com/bendc/frontend-guidelines
- Person
Josh Comeau
Educator and author of the use-sound React hook.
In the course: How the sound lessons wire a sound to a component.
joshwcomeau.com
- Person
Theo Browne
Developer and creator who wrote “What is a harness?”.
In the course: The plain explanation of a harness the Start module builds on.
x.com
- Tool
Stageshow
Benji Taylor
A kit for faux product UI: windows, cursors and demos that look like the real product.
In the course: The Product demos module and the faux UI on these pages.
benji.org
- Tool
Agentation
Benji Taylor
A toolbar for pointing at UI in the browser and sending the note to your agent.
In the course: How the course teaches you to give an agent visual feedback.
agentation.com
- Tool
Drawesome
Benji Taylor
A drawing tool with a carefully made toolbar.
In the course: The toolbar patterns in the components lessons.
benji.org
- Tool
Liveline
Benji Taylor
Live data, drawn as a line that moves as it updates.
In the course: The live-data states: loading, gliding values, stale data.
benji.org
- Tool
Honk
Benji Taylor
A small app with thoughtful presence patterns.
In the course: How presence and “someone is here” states should feel.
benji.org
- Tool
transitions.dev
Jakub Antalik
A catalog of named interface transitions with code.
In the course: The vocabulary for transitions, and the transitions-dev companion skill.
transitions.dev
- Tool
lucide-animated
dmytro (@pqoqubbw)
Lucide icons with small, purposeful animations.
In the course: The icon animation nodes in the SVG module.
lucide-animated.com
- Tool
DiceBear
An open avatar library with many styles.
In the course: Placeholder avatars that don’t look like stock faces.
dicebear.com
- Tool
HyperFrames
HeyGen
Video made from HTML: compositions rendered to film.
In the course: The build tool for rendered launch films, and the measured HyperFrames launches.
github.com/heygen-com/hyperframes
- Tool
superfx
bruno (@tvnxty)
Sound design for launch videos.
In the course: The sound map that anchors the launch-video sound lessons.
superfx.co
- Tool
use-sound
Josh Comeau
A React hook for playing UI sounds.
In the course: The wiring pattern in the Sound module.
github.com/joshwcomeau/use-sound
- Skill
design-engineering
AgentsORG
The open skill this course teaches: a graph of nodes your agent reads while it works.
In the course: Everything. Each lesson is drawn from its nodes, and the exams test whether your agent applies it.
github.com/AgentsORG/design-engineering
- Skill
emilkowalski/skill
Emil Kowalski
Emil Kowalski’s own agent skill for animation and UI polish.
In the course: A source for the motion and polish nodes.
github.com/emilkowalski/skill
- Skill
Interfaces skills
Jakub Krehel
Agent skills for interface review, accessibility, color systems and copy.
In the course: The accessibility and review nodes, and commands the router hands off to.
github.com/jakubkrehel/skills
- Skill
Stageshow skill
Benji Taylor
Benji Taylor’s skills repo, including Stageshow.
In the course: The faux-ui cluster and the Stageshow reconciliation node.
github.com/benjitaylor/skills
- Skill
design.md
Google Labs
A file format for design tokens that agents can read.
In the course: How the course teaches an agent to follow your design system.
github.com/google-labs-code/design.md
- Reading
What is a harness?
Theo Browne
An article on the program around a model that turns it into an agent.
In the course: Background for the first lesson: why your harness changes what your agent can do.
x.com
- Reading
Web Interface Guidelines
Vercel
Vercel’s rules for building web interfaces.
In the course: Many rows of the review checklist.
vercel.com
- Reading
guidelines.sh
James Frewin
Interface guidelines written to be checked.
In the course: The review checklist and polish lessons.
guidelines.sh
- Reading
Frontend guidelines
Ben DC
Short conventions for writing CSS and JavaScript.
In the course: What clean CSS looks like in the code-tells lesson.
github.com/bendc/frontend-guidelines
- Reading
Index
Emil Kowalski & Glenn Carstens-Peters
A shared vocabulary for design.
In the course: The words on the Vocabulary page.
index.how
- Reading
animations.dev
Emil Kowalski
A course on animation for the web.
In the course: The thinking behind the Motion module.
animations.dev
- Reading
Interfaces
Jakub Krehel
Writing on how good interfaces are built.
In the course: Reading other interfaces closely.
interfaces.dev