/ui-design-intelligence
UI Design Intelligence
Style, palette, typography, and UX rules so agents don't fly blind on visual decisions. 67 styles, one opinion per step.
What it does
Visual-design reference for AI-built apps. Picks from 67 styles matched to user and product (AI-Native, SaaS Dashboard, Editorial, Enterprise, etc.), recommends safe color palettes with contrast rules, pairs fonts from a tight shortlist, applies 30 UX rules across layout, interaction, feedback, content, accessibility, and perceived performance.
Use it at the start of a new app, before a redesign, when "make it look professional" is the brief, or when a founder keeps changing colors because no one named a direction. Also use it before writing UI code so implementation doesn't pick a random Tailwind palette.
Outputs a design system brief: style, mood, reference products, colors with Tailwind classes, typography, spacing, component defaults, and dark-or-light mode call. Pairs with `ui-implementation` (turns decisions into shadcn plus Tailwind code) and `page-cro` (the visual checklist for landing pages).