skills.rest
Brite-Nites
Brite-NitesOFFICIAL
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate a complete design system with prioritized recommendations.

Updated Jan 14, 2026
Search Tags:#typography#accessibility#ui-ux#design-system#color-palette#design-guidelines#reference-database
One-click install
npx skills add https://github.com/Brite-Nites/brite-claude-plugins --skill ui-ux-pro-max-brite-nites
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Brite-Nites/brite-claude-plugins/tree/main/plugins/workflows/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Brite-Nites/brite-claude-plugins --skill ui-ux-pro-max-brite-nites

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Design system generation and UI/UX planning are time-consuming and error-prone without a cohesive framework. This Skill automates the process, providing a structured approach to define color palettes, typography, and visual direction upfront.

Core Features & Use Cases

  • Generates a comprehensive design system with styles, palettes, typography pairings, accessibility guidelines, and multi-stack guidance.
  • Offers priority-based recommendations and a searchable reference database to accelerate design decisions for dashboards, marketing sites, mobile apps, and product UI.
  • Use Case: Start a new product by creating a complete, aligned design system before moving into implementation.

Quick Start

Run the design-system search with your project requirements to generate a complete system.

Frequently Asked Questions about ui-ux-pro-max

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a UI design system with color palettes and typography choices?▼

To generate a UI design system, you provide your project requirements to trigger an automated planning process that outputs color palettes, typography pairings, and visual direction. This delivers a comprehensive, structured design system with rule-based recommendations.

What is the best way to ensure accessibility compliance in design guidelines?▼

The best way to ensure accessibility compliance is to apply automated design guidelines during the UI/UX planning phase. This generates a design system with built-in accessibility checks, ensuring your color palettes and typography meet compliance standards before implementation.

Can I use this design system generation for both web and mobile stacks?▼

Yes, you can use this design system generation for both web and mobile stacks. It provides multi-stack guidance, allowing you to apply the generated styles, palettes, and typography choices across different platforms like product UI, marketing sites, and mobile apps.

How do I start UI style explorations for a new product dashboard?▼

You start UI style explorations by running a design-system search with your specific dashboard requirements. This outputs priority-based recommendations and a searchable reference database, accelerating your design decisions for the new product dashboard.

Does this approach provide a reference database for repeatable design decisions?▼

Yes, this approach provides a searchable reference database for repeatable design decisions. It stores your generated design system components, allowing you to quickly retrieve styles, color palettes, and typography choices for future UI/UX planning tasks.

Related Skills

Explore More Design & Creative Skills→
docaohieu2808docaohieu2808

design

Orchestrate design tasks across brand identity, design tokens, and UI styling.

Community
Advanced
AlexbyxdAlexbyxd

ui-ux-pro-max

Generate UI/UX design recommendations with styles, color palettes, and font pairings.

Community
Advanced
carlheathcarlheath
9

design

Create wireframes, mockups, and prototypes for user-centered interfaces.

Community
Advanced
RepairYourTechRepairYourTech
6

design-reference-data

Search CSV design reference data using BM25 queries.

Community
Intermediate