skills.rest
chaitin
chaitinOFFICIAL
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate a complete UI/UX design system with configurable ASCII or Markdown output.

5|10|Updated Jan 8, 2026
Search Tags:#automation#reasoning#persistence#ui-ux#design-system#multidomain
One-click install
npx skills add https://github.com/chaitin/MonkeyCodeOfficialPlugins --skill ui-ux-pro-max-chaitin
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/chaitin/MonkeyCodeOfficialPlugins/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/chaitin/MonkeyCodeOfficialPlugins --skill ui-ux-pro-max-chaitin

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This solution automates the creation of a reusable UI/UX design system by aggregating domain guidance, style rules, and accessibility considerations.

Core Features & Use Cases

  • Generate a global Master design system with optional page overrides for page-specific deviations.
  • Perform multi-domain searches across product, style, color, landing, and typography domains to assemble a cohesive design system.
  • Persist and retrieve design rules hierarchically using the Master + Overrides pattern for consistent cross-session usage.

Quick Start

Run the design system generator with a product brief to produce a complete design 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 automate generating a UI/UX design system for multiple frameworks like React and Flutter?▼

You can automate UI/UX design system generation by providing a product brief to trigger multi-domain searches across product, style, color, and typography domains. The system aggregates these rules to output a cohesive design system compatible with frameworks like React, Next.js, Vue, Svelte, SwiftUI, and Flutter.

What is a Master plus Overrides pattern for design system persistence?▼

A Master plus Overrides pattern persists a global UI/UX design system while allowing page-specific deviations. It retrieves hierarchical design rules across sessions to maintain consistency for dashboards, websites, or mobile apps without losing local customization.

Can I generate design system rules for shadcn/ui and Tailwind CSS?▼

Yes, you can generate design system rules for shadcn/ui and html-tailwind stacks. The generator outputs patterns, styles, colors, typography, and accessibility considerations tailored to these specific UI frameworks alongside React Native and others.

How do I apply page-specific style overrides to a global design system?▼

You apply page-specific overrides by defining local deviations on top of the persisted Master design system. This allows individual pages to adjust multi-domain style rules, colors, and typography while the global system enforces baseline accessibility and pattern consistency.

What output formats does the UI/UX design system generator support?▼

The UI/UX design system generator supports configurable output formats including ASCII and Markdown. These formats document the aggregated multi-domain guidance, style rules, and accessibility considerations for your product team.

Related Skills

Explore More Design & Creative Skills→
ucirelloucirello
2

stpa-step1-define-purpose

Define STPA analysis purpose by identifying losses, hazards, and constraints.

Community
Intermediate
fakhriaditiarahmanfakhriaditiarahman
1

brand-identity

Enforce brand consistency across design tokens, React components, and copy.

Community
Basic
anicdhanicdh

frontend-ui

Apply Tailwind and Shadcn/ui patterns with accessibility rules to React components.

Community
Advanced
Harmeet10000Harmeet10000
7

ui-ux-pro-max

Generate UI/UX design systems from multi-domain searches and reasoning rules.

Community
Advanced