skills.rest
DatTran26
DatTran26COMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/DatTran26/KienTruThiHanh --skill ui-ux-pro-max-dattran26
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
ninehillsninehills
84

brainstorming-cn

Facilitate collaborative brainstorming and generate PRD documents from structured input.

Community
Intermediate
timequitytimequity
6

frontend-design

Design production-grade frontend interfaces with bold aesthetic direction.

Official
Advanced
parhummparhumm
25

frontend-component-fix

Diagnose frontend UI bugs and generate patch artifacts for React-like components.

Community
Advanced
Charles5277Charles5277

ui-ux-pro-max

Generate UI/UX design systems and guidelines from multi-domain inputs.

Community
Advanced