ui-ux-pro-max

Generate UI/UX design systems with multi-domain searches and hierarchical persistence.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/samixisme/client-dashboard --skill ui-ux-pro-max-samixisme
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/samixisme/client-dashboard/tree/main/.opencode/skills/ui-ux-pro-max
Command: npx skills add https://github.com/samixisme/client-dashboard --skill ui-ux-pro-max-samixisme

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Automates the creation of cohesive UI/UX design systems that help teams align on style, components, and accessibility across products.

Core Features & Use Cases

  • Multi-domain design system generation that covers product type, color, typography, and layout patterns.
  • Persistence with a Master + Overrides pattern to enable page-specific customization and hierarchical retrieval.
  • Quick delivery of both ASCII and Markdown design system formats for rapid integration into docs and code.

Quick Start

Provide a complete UI/UX design system for a specified product category.

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 comprehensive UI/UX design system for a dashboard or app?

You can generate a design system by specifying your product category, which triggers multi-domain searches across color, typography, and layout to tailor recommendations for dashboards and apps.

What is a Master plus Overrides pattern in UI/UX design systems?

The Master plus Overrides pattern establishes a foundational UI/UX design system while enabling page-specific customization, persisting results hierarchically so individual pages can selectively override master styles.

Can I export the generated design system into Markdown or ASCII formats?

Yes, the generated design system outputs both ASCII and Markdown formats, enabling rapid integration of style, component, and accessibility guidelines directly into documentation and code.

Does this design system generation approach work for both websites and mobile apps?

Yes, the design system generation applies multi-domain searches across product, color, typography, and layout domains to tailor cohesive style recommendations for websites, mobile apps, and dashboards.

What is the best way to maintain consistent typography and color across multiple product pages?

The best way to maintain consistency is generating a structured master design system with hierarchical retrieval, allowing page-specific style overrides without losing the foundational color and typography rules.

Why do I need a structured design system for my product workflow?

You need a structured design system to automate cohesive style creation, helping teams align on components and accessibility across products while ensuring rapid integration into development workflows.