What problem does it solve?
This Skill provides a centralized, knowledge-driven approach to crafting high-quality UI/UX designs by offering a searchable database of styles, palettes, typography, and stack-specific guidelines, enabling rapid ideation and consistent design systems.
Core Features & Use Cases
- Searchable UI/UX resources: Access 50 styles, 21 palettes, 50 font pairings, 20 chart types, and 8 tech stacks to inform design decisions across websites, dashboards, admin panels, ecommerce, blogs, and mobile apps.
- Stack-aware recommendations: Tailor design tokens and components for React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, and Tailwind.
- Implementation guidance: Provides practical steps, from color and typography choices to component patterns and accessibility tips, ready for handoff to development.
Quick Start
Use the ui-ux-pro-max skill to run contextual searches and build a design system from inspiration data. For example:
- python3 .claude/skills/ui-ux-pro-max/scripts/search.py "dashboard UI" --domain style
- python3 .claude/skills/ui-ux-pro-max/scripts/search.py "color palette for fintech" --domain color
- python3 .claude/skills/ui-ux-pro-max/scripts/search.py "typography pairing" --domain typography