ui-patterns
Installation
SKILL.md
UI patterns
Interface quality that is not persuasion. These surfaces rarely appear in conversion advice, but they are where products feel effortless or exhausting: the moment a user taps into search, lands on an empty screen, tries to enter a number, or waits for a delivery.
The shared rule: meet the user at the moment they are actually in. A search bar that has just been focused is a moment of intent with no query yet. An empty list is a moment of confusion. A tracking page is a moment of anxiety. Each has a right answer, and it is usually not "show a blank area and wait".
Choosing a pattern
| You are building | Read |
|---|---|
| Search, autocomplete, no-results, category and browse screens | references/search-and-browse.md |
| Numeric input, sliders, pickers, drop-downs, radios, checkboxes, quantity | references/inputs-and-controls.md |
| Empty states, accordions, tooltips, modals, error feedback, microcopy | references/disclosure-and-feedback.md |
| Home screens that adapt by user stage, recommendations, order tracking, confirmation pages | references/adaptive-and-post-purchase.md |