Tools

Design engineering skills by Emil Kowalski, author of Sonner and Vaul: choose animation easing and durations, review and improve motion, apply Apple design principles, make web apps feel native on phones, and help pick UI libraries and prototype multiple versions.

Reviews UI code against Vercel's Web Interface Guidelines, covering accessibility, focus, forms, animation, typography, dark mode and more, listing issues as file:line. Fetches the latest rules before each review. Maintained by Vercel.

Design engineer Jakub Krehel's 11 UI skills: targeted fixes for typography, color, layout, accessibility and UI copy, plus full interface reviews, animation teardowns, component state stress tests and multi-variant generation. Works on web project code; installing needs Node.js.

Design engineer Jakub Krehel's UI polish skill covering animation, typography, icons, hover states, optical alignment, concentric radii, shadows and hit areas, with quick and full review modes, so agents get the details right when building or reviewing UI. Works on web code; needs Node.js.

Companion skill to the User Interface Wiki: 152 rules in 12 categories, from motion, easing and exit animations to UI sounds, interaction laws, prefetching and typography, for writing or reviewing web UI code, with issues listed by file:line. Needs an existing web project and Node.js to install.

Miro's official plugin with the Miro remote MCP and three skills: draw codebase explanations on a board, run visual code reviews on the board, and turn board docs, diagrams and prototypes into development specs. Needs OAuth with a Miro account.

Audits UI code for audio feedback: every sound needs a visual equivalent, an off switch and volume control, and should respect reduced motion. Sound is for confirmations and errors, not typing or decorative hovers. Also checks preloading, default volume and sound weight. Reports file:line findings.