ui-ux-pro-maxlisted
UI/UX design intelligence. 67 styles, 96 palettes, 57 font pairings, 25 charts, 13 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples.
ulises-jeremias/agent-toolkit · ★ 14 · Web & Frontend · score 79
Install: claude install-skill ulises-jeremias/agent-toolkit
# UI/UX Pro Max
Comprehensive design intelligence for web and mobile. Searchable database of 67 styles, 96
palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 13 technology stacks.
## When to use
Design new UI components or pages, choose palettes/typography, review code for UX issues,
build landing pages/dashboards, implement accessibility requirements.
## Out of scope
- Does NOT make business/content decisions — ask user for product direction
- Does NOT handle Figma MCP operations — use **`figma`** for that
## Workflow
**Step 1 — Always start with `--design-system`:**
```bash
SCRIPT="$HOME/.local/share/agent-toolkit/skills/ui-ux-pro-max/scripts/search.py"
python3 "$SCRIPT" "<product_type> <industry> <keywords>" --design-system [-p "Project Name"]
```
Returns: pattern, style, colors, typography, effects, anti-patterns.
**Step 2 — Persist (optional, Master + Overrides pattern):**
```bash
python3 "$SCRIPT" "<query>" --design-system --persist -p "Project Name"
# Creates design-system/MASTER.md and design-system/pages/<page>.md overrides
```
**Step 3 — Targeted searches as needed:**
```bash
python3 "$SCRIPT" "<keyword>" --domain <domain> # specific domain
python3 "$SCRIPT" "<keyword>" --stack html-tailwind # stack guidelines
```
Default stack: `html-tailwind`. See `references/search-reference.md` for all domains and stacks.
## Critical UX rules (CRITICAL priority — always check)
- **Accessibility:** 4.5:1 contrast ratio, visible