# UI/UX Pro Max: Design System Generator for 161 Product Categories

> A Claude Code skill that generates complete design systems from project descriptions, covering 161 product categories and 67 UI styles.

Published: 2026-03-24
URL: https://daniliants.com/insights/ui-ux-pro-max-skill-ai-design-intelligence/
Tags: claude-code-skill, ui-ux, design-systems, ai-coding-assistant, prompt-engineering, landing-pages, tailwind

---

## Summary

An open-source Claude Code skill (and multi-IDE plugin) that acts as a design system generator - you describe a project ("beauty spa landing page") and it outputs a complete design system with color palettes, typography, layout patterns, and anti-patterns to avoid. Covers 161 product categories, 67 UI styles, and 13 tech stacks, with a Python-based reasoning engine doing BM25 matching across CSV databases.

## Key Insight

- The v2.0 "Design System Generator" is the core value - it takes a natural language project description and outputs a structured design system (pattern, style, colors, typography, effects, anti-patterns, checklist) rather than just code
- Covers an unusually wide taxonomy: 161 product type categories (from SaaS to veterinary clinics to quantum computing), 67 UI styles (glassmorphism, brutalism, bento grids, etc.), 57 font pairings, 25 chart types, and 161 industry-specific reasoning rules
- Ships as both a Claude Code skill (`.claude/skills/`) and a CLI (`uipro-cli` via npm) supporting 14+ AI coding assistants (Cursor, Windsurf, Copilot, Gemini CLI, etc.)
- The search engine uses BM25 ranking across CSV data files - not an LLM call, but a deterministic lookup with fuzzy matching. The AI assistant just reads the output and applies it
- Hierarchical persistence model: generates a `MASTER.md` design system file plus per-page override files, so the AI can maintain consistency across sessions
- Pre-delivery checklist is practical: no emojis as icons (use SVG), cursor-pointer on clickable elements, 4.5:1 contrast ratio, prefers-reduced-motion support, responsive breakpoints at 375/768/1024/1440px
- The anti-pattern database is potentially more useful than the recommendations - knowing "don't use AI purple/pink gradients for banking" or "no dark mode for wellness" saves iteration cycles