takayatomose/ui-ux-pro-max

UI/UX Pro Max

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks.

Prerequisites

Python 3.x is required for the search script.

python3 --version || python --version

---

How to Use This Skill

When working on UI/UX tasks (design, build, review, improve), follow this workflow:

Step 1: Analyze Requirements

Identify product type (SaaS, dashboard, etc.), industry, and desired style (minimal, elegant, etc.).

Step 2: Generate Design System (REQUIRED)

Always run this first to get comprehensive recommendations:

python3 .agents/skills/ui-ux-pro-max/scripts/search.py "<product_type> <industry> <keywords>" --design-system

Step 3: Detailed Searches

Supplement with domain-specific searches:

# Get UX guidelines
python3 .agents/skills/ui-ux-pro-max/scripts/search.py "accessibility animation" --domain ux

# Get charts for dashboards
python3 .agents/skills/ui-ux-pro-max/scripts/search.py "dashboard analytics" --domain chart

Step 4: Implementation

Use the generated design system and guidelines to build the UI. Default to html-tailwind unless specified.

---

Search Reference

| Domain | Use For | |--------|---------| | product | Product type recommendations | | style | UI styles, colors, effects | | typography | Font pairings, Google Fonts | | ux | Best practices, anti-patterns | | chart | Chart types, data visualization |

---

Pre-Delivery Checklist

• [ ] No emojis used as icons (use SVG instead)
• [ ] Hover states provide visual feedback without layout shift
• [ ] All clickable elements have cursor-pointer
• [ ] Transitions are smooth (150-300ms)
• [ ] Light/Dark mode contrast is sufficient
• [ ] Responsive at all common breakpoints (375px to 1440px)