Stats
Actions
Tags
From design-library
Generates and applies a complete design system by analyzing project type and outputting matched styles, color palettes, font pairings, and UX guidelines.
How this skill is triggered — by the user, by Claude, or both
Slash command
/design-library:ui-uxThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
1. Load the `ui-ux-pro-max` skill by reading its source file:
ui-ux-pro-max skill by reading its source file:
~/.claude/plugins/local/design-library/skills/ui-ux-pro-max/SKILL.md
Style: [selected style]
Palette: [palette name + 3 key hex values]
Typography: [font pairing — display + body]
Top guidelines: [3 most relevant rules for this product type]
If context is insufficient to determine product type, ask: "What type of product are you building? (SaaS / e-commerce / fintech / dashboard / landing page / other)"
npx claudepluginhub zeta92/design-library-pluginGenerates complete design systems with recommendations across 67 UI styles, 161 color palettes, 57 font pairings, and 99 UX guidelines matched to product type.
Designs UI/UX systems with style guides, color palettes, typography, and component specs for new interfaces. Asks about product type, tech stack, and deliverables before producing design tokens, layouts, or style guides.
Senior-level UI/UX design expert for building data-driven, premium production interfaces. Use when you need to: 1. Design complex applications (dashboards, SaaS, AI tools) from scratch 2. Generate comprehensive design systems (tokens, palettes, typography) 3. Audit existing UI for quality, accessibility, and "craft" 4. Search for proven real-world design patterns and implementation details Trigger: "design a...", "audit this...", "create a design system", "find icons", "fintech dashboard", "landing page"