ui-ux-pro-max

Generate UI/UX design systems from product context across multiple stacks.

Updated Aug 23, 2026

Search Tags:#typography #design #ui #ux #design-system #color-palette

Ready to run

npx skills add https://github.com/marvisrego/HACKATHON_LLM_dev --skill ui-ux-pro-max-marvisrego

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/marvisrego/HACKATHON_LLM_dev/tree/main/.trae/skills/ui-ux-pro-max
Command: npx skills add https://github.com/marvisrego/HACKATHON_LLM_dev --skill ui-ux-pro-max-marvisrego

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Streamlines UI/UX design decisions for web and mobile apps by providing a centralized intelligence system with extensive style, color, typography, and component guidance.

Core Features & Use Cases

50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks
Reasoning rules and a searchable database with priority-based recommendations
Useful for designing pages (landing, dashboard, admin), building reusable components, selecting color/typography systems, and conducting accessibility checks

Quick Start

Run the design-system search with your product context to generate a complete UI/UX 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 generate a complete UI/UX design system for a web or mobile app?▼

To generate a UI/UX design system, provide your product context to the design-system search. It matches your context against 161 color palettes, 57 font pairings, and 99 UX guidelines to output a complete, ready-to-use design system.

Can I use this to get color palette and typography recommendations for a specific product type?▼

Yes, you can get color palette and typography recommendations by running the searchable database with your specific context. It covers 161 product types and 57 font pairings to provide priority-based style and typography decisions.

What's the best way to conduct an accessibility review for my interface components?▼

For an accessibility review, apply the built-in reasoning rules to your component designs. The system uses 99 UX guidelines to evaluate and provide decision support for accessibility compliance across multiple stacks.

Does this design guidance work across different tech stacks for building component libraries?▼

Yes, the design guidance supports building component libraries across 10 different stacks. It provides reasoning rules and a searchable database to help you construct reusable interface components regardless of your specific framework.

How do I choose the right chart type for my dashboard design?▼

To choose the right chart type, input your dashboard data requirements into the search. The system evaluates 25 different chart types against your specific product context to recommend the most effective data visualization approach.