How does it handle accessibility (a11y)?

Accessibility is the skill's highest priority. it provides critical rules for color contrast ratios (minimum 4.5:1), touch target sizes (44x44px), keyboard navigation order, and ARIA labeling.

Does UI/UX Pro Max generate actual frontend code?

No, this skill is focused on design intelligence and planning. It generates the system, rules, and visual direction. For code implementation, it is designed to be used in conjunction with a frontend design skill.

What is the benefit of the 'Master and Overrides' pattern?

This pattern allows you to maintain a global 'Source of Truth' for your brand in a MASTER.md file while allowing specific pages (like a dashboard vs. a landing page) to have their own unique design deviations without breaking global consistency.

What frameworks and stacks are supported?

It provides specific guidelines for 9 stacks: HTML-Tailwind, React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, and Shadcn/ui.

UI/UX Pro Max

Name: UI/UX Pro Max
Author: Brite-Nites

byBrite-Nites

0•

设计工具

Generates comprehensive design systems, color palettes, and typography pairings backed by professional UX intelligence and accessibility standards.

UI/UX Pro Max is a specialized design intelligence skill for Claude Code that assists developers in the critical planning phase of web and mobile applications. It leverages a vast database of 50+ styles, 97 color palettes, and 57 font pairings to generate cohesive design systems with built-in reasoning. Beyond aesthetics, the skill enforces high-priority UX standards including WCAG accessibility, touch-target optimization, and performance-minded layout strategies. By creating a persistent 'Source of Truth' through its master-override documentation pattern, it ensures visual consistency across complex, multi-page projects before implementation begins.

主要功能

01Hierarchical persistence with Master and Page-specific design overrides

02Automated design system generation with multi-domain reasoning

030 GitHub stars

04Implementation guides for 9 major stacks including Tailwind, React, and SwiftUI

05Domain-specific searches for charts, typography, and UX anti-patterns

06Accessibility-first guidelines for contrast, focus states, and ARIA

使用场景

01Establishing a professional visual identity and design tokens for a new SaaS platform

02Planning responsive layouts and typography scales for cross-platform mobile and web apps

03Conducting UX and accessibility audits on existing interfaces to identify critical friction points

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add brite-nites/britenites-claude-plugins ui-ux-pro-max

For use in Claude.ai and ChatGPT

Download Skill