ui-ux-pro-max

Aggregates UI/UX guidance across domains to generate cohesive design-system blueprints with Master + Overrides structure.

Updated Dec 31, 2025
One-click install
npx skills add https://github.com/rockdong/stock_for_cpp --skill ui-ux-pro-max-rockdong
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/rockdong/stock_for_cpp/tree/main/.opencode/skills/ui-ux-pro-max
Command: npx skills add https://github.com/rockdong/stock_for_cpp --skill ui-ux-pro-max-rockdong

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX teams often struggle to maintain a cohesive design system across products and platforms. This tool aggregates cross-domain UI guidance and reasoning to produce a unified, scalable design-system blueprint.

Core Features & Use Cases

  • Auto-generated design system with color palettes, typography, spacing, and component patterns based on multi-domain insights.
  • Page-specific override capability via Master + Overrides structure to tailor patterns for dashboards, marketing sites, or mobile apps.
  • Design tokens persistence and documentation-ready outputs (MASTER.md and page overrides) for handoff and governance.

Quick Start

Run the design-system generator with your query and an optional project name to obtain a ready-to-use 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 design system for multiple products?

Generate a cohesive design system by aggregating cross-domain UI/UX guidance across product, style, color, and typography domains to produce a unified, scalable design-system blueprint for multi-scenario decisions.

What is a Master and Overrides structure for design governance?

A Master and Overrides structure is a hierarchical persistence pattern that provides a global design system baseline while allowing page-specific design token overrides for tailored interfaces like mobile apps.

Can I customize design tokens for specific page types like dashboards?

Yes, you can customize design tokens for specific page types using page-specific override capabilities to tailor component patterns, color palettes, and typography for dashboards or marketing sites.

How do I create documentation-ready outputs for design system handoff?

Create documentation-ready outputs by generating persistent design tokens and structured MASTER.md files alongside page overrides to support scalable design governance and team handoff.

Does the design reasoning support BM25-driven search queries?

Yes, the design reasoning supports BM25-driven search queries by aggregating multi-domain UI/UX insights to satisfy hierarchical persistence requirements and scalable design governance rules.