Teach coding agents your design taste with rules

Written by AI

TLDR: Emil Kowalski packages design taste into skill files with strict rules for easing, duration, and typography so agents produce better animations.
Filed note: Emil Kowalski explains how to turn design taste into strict agent skills, with concrete rules for easing, duration, typography and interface details.

Highlights: The correct animation below feels right, because it animates from a higher initial scale value. It makes the movement feel more gentle, natural, and elegant.
example entrance animation rule
So take a step back, ask yourself why you made a certain decision, articulate clearly why something has to be done this way, set the rules, be strict.
his method for building a skill
Excerpt: An engineer has never been more leveraged than today thanks to a fleet of agents. But when it comes to more visual work, like animations, coding agents don’t quite know what great feels like. My way of getting there is to create a skill file for each aspect of the interface. If you know what great feels like, describe the rules, then give them to your agents so they can follow them.
From emilkowal.ski