ui
UI
One skill for building and restyling interfaces. It merges Jakub Krehel's skills, make-interfaces-feel-better, Impeccable and Molveau's own references (including a taste guide distilled from Emil Kowalski's work) into one playbook.
Start here
Read references/playbook.md first, starting with its "Do this first" block; open vendor files and the
Molveau references only for depth or worked examples. The playbook is the merged doctrine (before you start, shaping, layout, type, color, dark mode,
surfaces, icons, components and states, feedback motion, responsive and native, reviews, refinement passes,
performance, mockup-first, prompts) with source tags and the calls made where the sources disagree. The
table below is the depth index.
Direction gate
Do this before any code for a new page, screen or restyle, even when the request is one line. The rest of this skill removes mistakes; it does not give a screen character. Skipped, the result is the median page every model makes: right in the details, owned by nobody.