ui-ux-pro-max
Installation
SKILL.md
Quick Summary
Goal: Provide searchable UI/UX design intelligence -- 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks.
Workflow:
- Analyze — Extract product type, style keywords, industry, and stack from user request
- Search — Query
search.pyacross domains: product, style, typography, color, landing, chart, UX - Stack Guidelines — Get stack-specific best practices (default: html-tailwind)
- Implement — Synthesize search results into cohesive design and code
Key Rules:
- No emojis as UI icons (use SVG: Heroicons, Lucide, Simple Icons)
- All clickable elements need
cursor-pointerand hover feedback - Light mode text must have 4.5:1 minimum contrast ratio
- Every async surface MUST handle all its states — show a loading indicator while in-flight, a user-visible error (with retry) on failure, and a meaningful empty state when there's no data. Never a frozen blank, a silent failure, or a blank list.
- Responsive by default — layouts MUST stay usable on small devices. Preferred: reflow (rows
flex-wraporrow → column, grids collapse to one column). Acceptable fallback when a layout genuinely can't reflow (tables, canvases, wide grids): fixedmin-width/min-height+overflow: autoscroll — scrolling is OK. Hard minimum: nothing broken — no clipped, cut-off, or unreachable content. If small-screen support needs a refactor too big for the task, confirm scope with the user first. - Test both light/dark modes, all UI states (loading/error/empty), and responsive breakpoints (320/768/1024/1440) before delivery