skills.rest
mauricioacp
mauricioacpCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate AI-guided design-system recommendations from multi-domain UI/UX inputs.

1|1|Updated Feb 7, 2026
Search Tags:#typography#ui#accessibility#ux#design-system#color-palette
One-click install
npx skills add https://github.com/mauricioacp/tanstack-convex-better-auth-template --skill ui-ux-pro-max-mauricioacp
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/mauricioacp/tanstack-convex-better-auth-template/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/mauricioacp/tanstack-convex-better-auth-template --skill ui-ux-pro-max-mauricioacp

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX design decisions can be slow and inconsistent; this skill provides AI-guided design-system recommendations, helping teams plan, build, and review UI with a consolidated design framework.

Core Features & Use Cases

  • 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 technology stacks.
  • Searchable database with priority-based recommendations and hierarchical design-system outputs (MASTER.md with page overrides).
  • Context-aware guidance for components: buttons, modals, navbars, cards, forms, tables, charts; and design patterns for accessibility and performance.

Quick Start

Describe your project and desired stacks to generate a complete design system with pattern, colors, typography, and components.

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?▼

To generate a design system for a SaaS dashboard, you describe your project and desired technology stacks to receive AI-guided recommendations for colors, typography, components, and accessibility patterns. This automates UI/UX decisions and outputs a consolidated design framework.

What is the best way to choose a color palette and font pairing for a mobile app?▼

Choosing a color palette and font pairing for a mobile app is handled by searching a database of 97 color palettes and 57 font pairings across 9 technology stacks. The system returns priority-based recommendations to ensure consistent UI design.

Can I get accessibility and UX guidelines for UI components like forms and charts?▼

Yes, you can get accessibility and UX guidelines for UI components like forms, tables, and charts. The system provides context-aware guidance across 99 UX guidelines and 25 chart types to help review UI components for accessibility and performance.

Does the design system output support page-specific overrides?▼

Yes, the design system output supports page-specific overrides through hierarchical persistence. It generates a MASTER.md file with page overrides, allowing you to apply base design patterns while customizing specific views for your website or admin panel.

How do I select UI styles for admin panels without extensive design knowledge?▼

You can select UI styles for admin panels without extensive design knowledge by leveraging AI-guided reasoning-based pattern selection. Simply describe your project context, and the system recommends from over 50 styles to automate your UI/UX design decisions.

Related Skills

Explore More Design & Creative Skills→
devtitusdevtitus

ui-ux-pro-max

Generate design systems and accessibility audits for web and mobile applications.

Community
Advanced
danghungtb26danghungtb26
3

ui-ux-pro-max

Generate design systems for web and mobile projects across nine technology stacks.

Community
Advanced
HolymirHolymir

ui-components

Generate HTML structures for UI components like buttons and forms.

Community
Intermediate
retz8retz8

frontend-design

Generate frontend interfaces with HTML/CSS, React, Vue, and design systems.

Community
Basic