skills.rest
ZHangZHengEric
ZHangZHengEricCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

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

Related Skills

Explore More Design & Creative Skills→
ZiadNagarZiadNagar

animation-systems

Define motion tokens, choreography patterns, and reduced-motion support for design systems.

Community
Advanced
ydnikolaevydnikolaev
8

ux-designer

Build cohesive design systems and token libraries for web and mobile projects.

Community
Intermediate
zk-b612zk-b612
53

applying-brand-guidelines

Apply corporate colors, typography, logos, and layout to PowerPoint, PDF, and Excel documents.

Community
Basic
alexsandrocruzalexsandrocruz

ui-ux-pro-max

Generate UI/UX design system recommendations via multi-domain BM25 searches.

Community
Advanced