GitHub - nextlevelbuilder/ui-ux-pro-max-skill: An AI SKILL that provide design intelligence for building professional UI/UX multiple platforms

Source
claude-code-skillui-uxdesign-systemsai-coding-assistantprompt-engineeringlanding-pagestailwind

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