ui-ux-pro-max

Generate a design system from cross-domain UI/UX research with Master + Overrides persistence.

1|1|Updated May 24, 2025
One-click install
npx skills add https://github.com/Abrahan-Eagle/zonix-eats-front --skill ui-ux-pro-max-abrahan-eagle
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Abrahan-Eagle/zonix-eats-front/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Abrahan-Eagle/zonix-eats-front --skill ui-ux-pro-max-abrahan-eagle

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX teams struggle to create scalable, reusable design systems that align across product areas and platforms. This Skill provides a guided, AI-assisted approach to synthesize cross-domain design guidance into a cohesive system.

Core Features & Use Cases

  • Aggregates references across style, color, typography, landing patterns, and product domains to produce a unified design system.
  • Applies reasoning rules to tailor recommendations to your category and project type, enabling faster design decisions.
  • Supports persistence with Master + Overrides pattern and per-page overrides for hierarchical retrieval.

Quick Start

Describe your project and constraints, then run the design system generator to obtain a tailored UI 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 build a cohesive UI design system from scratch for web and mobile projects?

Build a cohesive UI design system by aggregating cross-domain research across style, color, typography, and landing patterns. The system applies reasoning rules to tailor outputs specifically for your web and mobile project requirements.

What is a Master plus Overrides pattern for hierarchical design system persistence?

A Master plus Overrides pattern enables hierarchical persistence by maintaining a global master design system while allowing per-page or component-level overrides. This ensures design consistency while accommodating contextual deviations across product areas.

Can I use this to generate a color palette and typography guidelines tailored to my product category?

Yes, you can generate a tailored color palette and typography guidelines. The system synthesizes cross-domain design guidance and applies reasoning rules to match recommendations to your specific product category and project type.

What's the best way to manage reusable design guidelines across multiple product domains?

Manage reusable design guidelines by aggregating references across style, color, typography, and product domains into a unified system. This approach enables faster design decisions and ensures alignment across different product areas and platforms.

Does this design system generator work without external design dependencies or component libraries?

Yes, the design system generator works without external dependencies. It operates standalone using internal scripts to synthesize cross-domain research, apply reasoning rules, and generate tailored design guidance without requiring external component libraries.

How do I apply landing page patterns and product guidance into a unified design system?

Apply landing page patterns and product guidance by running the design system generator after describing your project and constraints. The system aggregates these domain references and applies reasoning rules to produce a unified, tailored output.