ui-ux-pro-max

Generate UI/UX design systems with color palettes, typography, and interaction patterns.

Updated Apr 9, 2026

Search Tags:#typography #accessibility #patterns #recommendation #ui-ux #design-system #color-palette

Ready to run

npx skills add https://github.com/DatTran26/KienTruThiHanh --skill ui-ux-pro-max-dattran26

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/DatTran26/KienTruThiHanh/tree/main/.agent/skills/ui-ux-pro-max
Command: npx skills add https://github.com/DatTran26/KienTruThiHanh --skill ui-ux-pro-max-dattran26

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Teams designing digital products often struggle to maintain a cohesive UI/UX language across web and mobile, leading to inconsistent experiences and longer delivery times.

Core Features & Use Cases

Design System Generator across multiple domains (color, typography, patterns, UX guidelines) to craft a unified design language.
Domain-aware Recommendations that adapt to product context (SaaS, e-commerce, dashboards) with practical token outputs.
Rapid Prototyping Support by outputting color palettes, typography pairings, and interaction patterns ready for implementation.

Quick Start

Provide a project description and ask the skill to generate a complete UI/UX design system tailored to 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 cohesive UI/UX design system for both web and mobile?▼

Generate a cohesive UI/UX design system by providing a project description, which prompts the tool to synthesize multi-domain design resources into unified color palettes, typography, and interaction patterns tailored to your web and mobile context.

Can I get domain-aware UX guidelines and design tokens for specific product contexts like SaaS or e-commerce?▼

Yes, domain-aware recommendations adapt to specific product contexts such as SaaS, e-commerce, and dashboards, outputting practical design tokens and UX guidelines tailored to your project's specific requirements.

What is the best way to maintain consistent typography and color palettes across a digital product?▼

Maintain consistent typography and color palettes by aggregating multi-domain design resources into a Master design-system structure, optionally applying page-level overrides to manage specific UI variations without breaking the core design language.

How do I create rapid prototypes with ready-to-implement interaction patterns and typography pairings?▼

Create rapid prototypes by querying the modular design pipeline to output ready-to-implement interaction patterns, typography pairings, and color palettes synthesized specifically for your project's design requirements.

Does this design system generator support accessibility guidelines and UI pattern overrides?▼

Yes, the design system generator queries multi-domain resources to include accessibility guidelines and UI patterns, persisting a Master design-system structure that supports optional page-level overrides for specific interface requirements.