skills.rest
marvisrego
marvisregoCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/marvisrego/HACKATHON_LLM_dev --skill ui-ux-pro-max-marvisrego
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
dsidlodsidlo
2

dt-architect

Design scalable software architectures, API specifications, and technology stack recommendations.

Community
Advanced
luicabref97luicabref97

ui-ux-pro-max

Generate UI/UX design systems with color palettes and typography for web and mobile interfaces.

Community
Advanced
open-sessionopen-session

frontend-design

Create BOS-aligned frontend interfaces with distinctive aesthetics and production-ready interactions.

Official
Advanced
kazuma2529kazuma2529

ui-ux-pro-max

Generate design systems for web and mobile applications with UI/UX recommendations.

Community
Advanced