skills.rest
clovernguyen1010-ship-it
clovernguyen1010-ship-itCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate cohesive UI/UX design systems from user requirements.

Updated Apr 12, 2026
Search Tags:#typography#accessibility#ui-ux#design-system#color-palette#bm25#design-recommendation
One-click install
npx skills add https://github.com/clovernguyen1010-ship-it/Clover_Nguyen --skill ui-ux-pro-max-clovernguyen1010-ship-it
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/clovernguyen1010-ship-it/Clover_Nguyen/tree/main/.agent/skills/ui-ux-pro-max
Command: npx skills add https://github.com/clovernguyen1010-ship-it/Clover_Nguyen --skill ui-ux-pro-max-clovernguyen1010-ship-it

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Automates the creation of cohesive UI/UX design systems, reducing design debt and accelerating delivery across products.

Core Features & Use Cases

  • Unified design system generation: surface color palettes, typography, layout patterns, and accessibility guidelines from user input.
  • Multi-domain reasoning: combine style, color, typography, and UX rules to deliver consistent interfaces across web and mobile stacks.
  • Real-world scenario: when building a SaaS dashboard, generate a complete, ready-to-implement design system with a responsive layout and accessible components.

Quick Start

Describe your product, audience, and stack, and request a complete UI/UX 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 generate a cohesive UI/UX design system from product requirements?▼

To generate a cohesive UI/UX design system, describe your product, audience, and stack. The system applies multi-domain BM25-style search across style, color, typography, and UX patterns to output ready-to-implement, accessible interface guidelines.

Can I override specific page-level UI design patterns without breaking the global design system?▼

Yes, you can apply page-level overrides while projecting the design system. The mechanism supports hierarchical persistence, ensuring local modifications do not break the global color palette, typography, or overarching UX pattern rules.

What is the best way to create an accessible color palette and typography for a SaaS dashboard?▼

Creating an accessible color palette and typography for a SaaS dashboard requires combining style, color, and UX rules. The system surfaces accessibility guidelines and responsive layout patterns directly from your input to deliver consistent web and mobile interfaces.

Does this design system generation approach support both web and mobile stacks?▼

Yes, the design system generation supports both web and mobile stacks. It applies multi-domain reasoning to combine style, color, typography, and UX rules, ensuring consistent interface delivery and reducing design debt across different product platforms.

How does multi-domain BM25 search work for surfacing UX patterns?▼

Multi-domain BM25 search works by independently querying style, color, typography, and UX pattern domains based on user input. It identifies matching UI/UX design patterns and aggregates them to generate a cohesive, domain-guided design system recommendation.

Related Skills

Explore More Design & Creative Skills→
LeonMelamudLeonMelamud

product-marketing-context

Generate product marketing context documents from codebase analysis or conversational input.

Community
Intermediate
tom-xstom-xs

frontend-design

Generate visual design systems with typography, color palettes, and layout strategies.

Community
Intermediate
sigridjinethsigridjineth
20

frontend-ui-ux

Create reusable UI components with responsive layouts and accessibility compliance.

Community
Intermediate
Asymmetric-alAsymmetric-al
1

ui-ux-pro-max

Search UI/UX style guidelines across color, typography, and layout domains.

Official
Advanced