+Layer 1: Skills (the expertise)
Skills are instruction files you install into your AI agent, whether that's Claude Code, Cursor, Codex, or something else. They transfer someone else's design expertise into your workflow. You're basically borrowing taste from seasoned designers.
Impeccable (@pbakaus) This is my most-used skill, built by the original creator of jQuery UI. It has 20+ commands: /audit, /polish, /animate, /typeset, /arrange. It catches the anti-patterns that make AI-generated UI look obviously AI-generated: overused fonts, gray-on-color text, pure blacks, nested cards.
๏ฟผ
/delight is my favorite command so far. I use it a lot, and every time it introduces something that amazes me and upgrades the overall feeling of the product. This one changed how my output looks pretty much overnight. Emil Kowalski's Design Engineer Skill (@emilkowalski ) Emil is a design engineer at Linear, previously at Vercel, who created Sonner and Vaul (15M+ weekly npm downloads between them). His skill encodes how he thinks about animations, UI polish, and the small details most people skip.
I use the free version to borrow Emil's mindset for a while and apply his thinking to my design work occasionally. The full version comes with his animations.dev course. Interface Design (@Dammyjay93) This one solves the most annoying problem with AI-assisted design: your agent forgets every design decision between sessions. This plugin stores your specs (spacing grids, color palettes, depth strategies, component patterns) in a persistent system.md file that loads automatically.
UI Skills (@ibelick) Created by Julien Thibeaut, who also built motion-primitives. 15 open-source skills covering baseline UI, accessibility, motion performance, and metadata. Solid foundation for broad coverage. <- this is part of longer article, not mine but I tested them all