Ui Ux Pro Max

A design system in skill form. This covers the full UI/UX decision stack: 161 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across ten frameworks (React, Vue, Svelte, SwiftUI, Flutter, etc.). The priority table is smart: accessibility and touch targets come before style choices, which is the right call. Use it when you're building anything user-facing (dashboards, landing pages, mobile apps) or when something looks off but you can't pin down why. The guidelines are opinionated enough to be useful without being rigid. It also hooks into shadcn/ui's MCP for live component examples, which saves time during implementation.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.: 12
skills.sh installs: 222
GitHub stars: 105
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add binjuhor/shadcn-lar --skill ui-ux-pro-max --agent claude-code

Installs into .claude/skills of the current project.

Files

UI/UX Pro Max - Design Intelligence

Comprehensive design guide for web and mobile applications. Contains 50+ styles, 161 color palettes, 57 font pairings, 161 product types with reasoning rules, 99 UX guidelines, and 25 chart types across 10 technology stacks. Searchable database with priority-based recommendations.

When to Apply

This Skill should be used when the task involves UI structure, visual design decisions, interaction patterns, or user experience quality control.

Must Use

This Skill must be invoked in the following situations:

Designing new pages (Landing Page, Dashboard, Admin, SaaS, Mobile App)
Creating or refactoring UI components (buttons, modals, forms, tables, charts, etc.)
Choosing color schemes, typography systems, spacing standards, or layout systems
Reviewing UI code for user experience, accessibility, or visual consistency
Implementing navigation structures, animations, or responsive behavior
Making product-level design decisions (style, information hierarchy, brand expression)
Improving perceived quality, clarity, or usability of interfaces