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:

  1. Analyze — Extract product type, style keywords, industry, and stack from user request
  2. Search — Query search.py across domains: product, style, typography, color, landing, chart, UX
  3. Stack Guidelines — Get stack-specific best practices (default: html-tailwind)
  4. 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-pointer and 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-wrap or row → column, grids collapse to one column). Acceptable fallback when a layout genuinely can't reflow (tables, canvases, wide grids): fixed min-width/min-height + overflow: auto scroll — 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
Installs
94
GitHub Stars
9
First Seen
Jan 24, 2026
ui-ux-pro-max — duc01226/easyplatform