ui-ux-pro-max

Query a centralized knowledge base to generate UI/UX design systems with page overrides.

1.2k|101|Updated May 25, 2025

Search Tags:#ui-ux #design-system #design-automation #bm25 #ai-guidance #multidomain-search

Ready to run

npx skills add https://github.com/ZHangZHengEric/Sage --skill ui-ux-pro-max-zhangzhengeric

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/ZHangZHengEric/Sage/tree/main/app/skills/ui-ux-pro-max
Command: npx skills add https://github.com/ZHangZHengEric/Sage --skill ui-ux-pro-max-zhangzhengeric

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX teams often struggle to assemble consistent design systems across styles, colors, typography, and layout patterns, leading to fragmented decisions and slower delivery.

Core Features & Use Cases

Centralized UI/UX guidance with a searchable database of design tokens, palettes, fonts, and patterns.
Generate cohesive design-systems for web and mobile apps, with optional page-level overrides.
Real-world use case: rapidly craft a complete dashboard design system for a SaaS product and publish it to a master design-system with page overrides.

Quick Start

Describe a complete UI/UX design system for a given product by supplying a query and optional project name to the design system generator.

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 a web or mobile app?▼

To generate a cohesive UI/UX design system, supply a product query and optional project name to the design system generator. It queries a centralized knowledge base for styles, colors, typography, and layout patterns to produce unified design tokens.

What is automated UI/UX design decision support and how does it work?▼

Automated UI/UX design decision support works by querying a centralized knowledge base of design tokens, palettes, fonts, and patterns using multi-domain BM25 search. It automates style, color, typography, and layout guidance across product types.

Can I apply page-specific overrides to a generated design system?▼

Yes, you can apply page-specific overrides to a generated design system. The tool supports optional persistence to a Master and Overrides structure, enabling reuse of the base system while allowing individual page customizations.

Does the design system generator support multiple product domains?▼

Yes, the design system generator supports multiple domains and product types. It applies multi-domain BM25 search across the knowledge base to ensure relevant style, color, and layout pattern matching for diverse application contexts.

What's the best way to maintain consistent design tokens across a SaaS dashboard?▼

The best way to maintain consistent design tokens is to use a centralized UI/UX guidance database. It assembles cohesive styles, colors, typography, and layout patterns, preventing fragmented decisions and ensuring dashboard consistency.