skills.rest
mthang1801
mthang1801COMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate complete design systems with tokens, patterns, and overrides for web and mobile projects.

Updated Aug 23, 2026
Search Tags:#automation#tokens#ui-ux#design-system#design-research#design-generation
One-click install
npx skills add https://github.com/mthang1801/go-domain-driven-design --skill ui-ux-pro-max-mthang1801
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/mthang1801/go-domain-driven-design/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/mthang1801/go-domain-driven-design --skill ui-ux-pro-max-mthang1801

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Streamlines the creation of comprehensive UI/UX design systems by aggregating multi-domain guidance and rendering consistent tokens, patterns, and guidelines for both web and mobile projects.

Core Features & Use Cases

  • Multi-domain design system generation (patterns, colors, typography, spacing, components) from a single concept.
  • Hierarchical persistence with Master + Overrides (MASTER.md and page-level overrides) for scalable design governance.
  • Reasoning-driven recommendations to align style, color mood, and typography with project goals.

Quick Start

Provide a complete design system by analyzing a UI concept and generating tokens, patterns, and overrides for your project.

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 complete UI/UX design system from a single concept?▼

Generate a complete UI/UX design system by inputting a single concept to aggregate multi-domain guidance into reasoning-driven patterns, colors, typography, and tokens for web and mobile projects.

What is hierarchical persistence with Master and page overrides in design systems?▼

Hierarchical persistence in design systems creates a MASTER.md file for global style governance and applies page-level overrides to manage scalable, project-specific exceptions without breaking core tokens.

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

Yes, this approach supports both web and mobile design projects by aggregating multi-domain UI/UX guidance to render consistent patterns, spacing, and typography across different platforms.

How do I export design tokens and page overrides for my UI project?▼

Export design tokens and page overrides by rendering the generated design system into master and page override files, producing clear usage rules and exportable styling assets for your UI project.

What's the best way to align color mood and typography with my project goals?▼

Align color mood and typography with project goals by using reasoning-driven recommendations that analyze your UI concept and generate matching design tokens and styling guidelines.

Do I need existing design research to generate design tokens and patterns?▼

You do not need existing design research; the system aggregates multi-domain UI/UX guidance directly from a provided concept to reason through and generate complete design tokens, patterns, and guidelines.

Related Skills

Explore More Design & Creative Skills→
RishabhupadhyaRishabhupadhya

ui-ux-pro-max

Generate a UI/UX design system with MASTER.md and page overrides.

Community
Advanced
Higashi-KotaHigashi-Kota

ui-component

Build accessible React UI components with design tokens and ARIA patterns.

Community
Advanced
phananhtuan09phananhtuan09

frontend-design-fundamentals

Standardize UI visuals with responsive layouts, typography, spacing, and WCAG-compliant color contrast.

Community
Intermediate
guideopsguideops

minimal

Implement a minimalist design system with color palettes, typography scales, and spacing scales.

Community
Basic