skills.rest
Monichre
MonichreCOMMUNITY
Explore all skills by this author →
Website𝕏@WaywardTalentGitHub

ui-ux-pro-max

Generate design-system documentation with style, color, typography, and UX recommendations.

Updated Nov 28, 2025
Search Tags:#ui design#design-system#ai-assisted#multi-domain search#ux guidance#pattern recommendations
One-click install
npx skills add https://github.com/Monichre/digital-mischief-group --skill ui-ux-pro-max-monichre
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Monichre/digital-mischief-group/tree/main/.gemini/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Monichre/digital-mischief-group --skill ui-ux-pro-max-monichre

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

AI-assisted UI/UX design guidance to standardize and accelerate design decisions across products and teams.

Core Features & Use Cases

  • A searchable design system database featuring 50 styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 technology stacks, with priority-based recommendations.
  • Multi-domain reasoning to surface pattern recommendations for product design, accessibility, and performance.
  • Ability to generate master design-system documentation and optional page-specific overrides to scale design systems.

Quick Start

  • Start with a query like "SaaS dashboard" to generate a design system.
  • Review multi-domain results (style, color, typography, landing, ux) and pick patterns that fit your product.
  • Persist to design-system/MASTER.md and optional page overrides using the provided workflow.

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 design system for a SaaS dashboard?▼

The tool generates UI design guidance across major stacks like React, Next.js, Vue, Svelte, SwiftUI, and Tailwind. It provides priority-based pattern recommendations for planning, building, and reviewing UI components for both websites and mobile apps.

Can I create page-specific overrides for my UI design system?▼

Yes, you can create optional page-specific overrides alongside your master design-system documentation. The tool supports master and override persistence, allowing you to scale design systems while maintaining specific UI patterns for individual pages.

What UX guidelines and design patterns are available for recommendation?▼

The searchable design system database includes 50 styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types. Multi-domain reasoning surfaces these pattern recommendations based on product design, accessibility, and performance needs.

How do I standardize UI components across different technology stacks?▼

Limitations include the scope of the internal database, which contains fixed quantities of 50 styles, 97 color palettes, and 57 font pairings. Pattern recommendations are generated through multi-domain reasoning based on these predefined design system entries.

Related Skills

Explore More Design & Creative Skills→
moshi-azzmoshi-azz
2

ui-ux-pro-max

Generate UI/UX design systems with guidelines, palettes, and typography for specified tech stacks.

Community
Advanced
dirnbauerdirnbauer
33

webconsulting-branding

Enforces webconsulting.at design tokens and typography rules across React frontend projects.

Community
Basic
elab-developmentelab-development

tailwindcss-development

Automate web interface styling with Tailwind CSS v4 utilities.

Official
Intermediate
jabez4jcjabez4jc

ui-ux-pro-max

Generate design systems with styles, palettes, typography, and UX guidelines.

Community
Advanced