ui-ux-pro-max

Generate comprehensive UI/UX design systems covering color, typography, spacing, components, and accessibility.

Updated Mar 16, 2026
One-click install
npx skills add https://github.com/Sanali209/BCor --skill ui-ux-pro-max-sanali209
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Sanali209/BCor/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Sanali209/BCor --skill ui-ux-pro-max-sanali209

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Standardize and accelerate UI/UX decisions by generating a reusable design system and guidelines that ensure consistency across products.

Core Features & Use Cases

  • Generate a comprehensive design system covering color, typography, spacing, components, and accessibility.
  • Support master rules with optional page-specific overrides to tailor guidance per page or feature.
  • Facilitate design reviews and rapid iteration for dashboards, websites, and mobile apps.

Quick Start

Ask the AI to generate a comprehensive UI/UX design system for a dashboard page.

Frequently Asked Questions about ui-ux-pro-max

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

FAQPage Schema
What is a UI/UX design system and when do I need one for my web or mobile app?

A UI/UX design system standardizes visual language and interaction patterns for web and mobile apps. You need one to ensure design consistency across dashboards, websites, and mobile apps by defining color, typography, spacing, and component rules.

How do I generate a comprehensive design system covering color, typography, and accessibility?

To generate a comprehensive design system, request the AI to create UI/UX guidelines for your specific platform. It outputs a master design system file covering color, typography, spacing, components, accessibility, and responsive behavior in a structured format.

Can I apply page-specific overrides to a master design system for different features?

Yes, you can use master design rules with optional per-page overrides. This allows you to tailor UI/UX style decisions and interaction patterns for specific pages or features while maintaining the overall visual language of the design system.

Does this design system tool support responsive behavior and accessibility standards?

Yes, the generated design system explicitly covers accessibility and responsive behavior. It provides standardized rules for components and visual language to ensure your dashboards, websites, and mobile apps meet accessibility guidelines across devices.

How do I standardize visual language across multiple product dashboards?

You standardize visual language across dashboards by generating a reusable design system file. This defines comprehensive rules for color, typography, spacing, and components, ensuring consistent interaction patterns and accelerating UI/UX decisions.

What is the best way to export structured UI/UX design rules for rapid iteration?

The best way to export structured UI/UX design rules is to generate a master design system file. This supports domain searches for style decisions and delivers rules in a structured format, facilitating rapid iteration and design reviews.