skills.rest
Adonis0123
Adonis0123COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Aggregate UI/UX guidelines, patterns, and color/typography data into a Master.md design system.

2|Updated Feb 19, 2026
Search Tags:#typography#design#ui#patterns#ux#design-system#color-palette
One-click install
npx skills add https://github.com/Adonis0123/adonis-skills --skill ui-ux-pro-max-adonis0123
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Adonis0123/adonis-skills/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Adonis0123/adonis-skills --skill ui-ux-pro-max-adonis0123

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Design teams need a centralized, reusable guide that consolidates UI/UX guidelines, patterns, color palettes, and typography into a cohesive system to accelerate design decisions and ensure consistency across projects.

Core Features & Use Cases

  • Multi-domain search across product, style, color, landing, typography, and UX guidelines to surface relevant design patterns and assets.
  • Design System Generator that aggregates top results into a Master design system with optional page overrides for page-level customization.
  • Persistence of Master + Overrides structure to enable hierarchical retrieval during implementation and handoff.

Quick Start

Run the design-system workflow for your project by providing a project name and optional page target to generate Master.md and optional overrides.

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 reusable design system for my app?▼

You generate a reusable design system by running the design-system workflow with a project name and optional page target. This aggregates UI/UX guidelines, color palettes, and typography into a persistent Master.md document with page-specific overrides.

What is a design system with page-specific overrides?▼

A design system with page-specific overrides is a hierarchical structure where a Master.md document defines global UI patterns, while optional override files allow customized design recommendations for individual app or website pages.

Can I use this UI/UX design intelligence with React Native and Flutter?▼

Yes, you can use this UI/UX design intelligence with React Native and Flutter. The system applies automated design recommendations and overrides across multiple stacks including React, Next.js, Vue, Svelte, SwiftUI, and Tailwind.

How do I consolidate typography and color palettes into a single UI guide?▼

You consolidate typography and color palettes by performing a multi-domain search across style, color, and typography guidelines. The generator aggregates these top results into a cohesive, structured master document for UI guidance.

Does the design system generator work with shadcn/ui and Tailwind?▼

Yes, the design system generator works with shadcn/ui and Tailwind. It provides automated design recommendations and structured output suitable for UI guidance across these specified frameworks and stacks.

Related Skills

Explore More Design & Creative Skills→
RishabhupadhyaRishabhupadhya

ui-ux-pro-max

Generate a UI/UX design system with MASTER.md and page overrides.

Community
Advanced
bovinphangbovinphang
21

fec-ui-design

Generate MASTER.md design tokens and page overrides from product context.

Community
Advanced
Intense-VisionsIntense-Visions
18

harness-design-web

Generate token-bound web components for React, Vue, or Svelte projects.

Official
Advanced
FredrickDicksonFredrickDickson

ui-ux-pro-max

Generate complete design systems from cross-domain UI guidelines.

Community
Advanced