skills.rest
GrupoUS
GrupoUSCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

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

1|Updated Dec 13, 2025
Search Tags:#typography#accessibility#design system#ui/ux#color palette#web design#mobile app design
One-click install
npx skills add https://github.com/GrupoUS/gpus --skill ui-ux-pro-max-grupous
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/GrupoUS/gpus/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/GrupoUS/gpus --skill ui-ux-pro-max-grupous

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides comprehensive UI/UX design intelligence, offering guidance on styles, color palettes, typography, and best practices to create professional and user-friendly interfaces.

Core Features & Use Cases

  • Design System Generation: Automatically create a complete design system based on project requirements.
  • Component Styling: Get recommendations for specific UI elements like buttons, modals, and forms.
  • UX Best Practices: Ensure accessibility, performance, and optimal user interaction.
  • Use Case: When starting a new SaaS dashboard project, use this Skill to generate a cohesive design system, including color palettes, font pairings, and layout recommendations, ensuring a professional and consistent look and feel.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a new e-commerce website.

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 web or mobile app project?▼

To generate a design system, provide your project requirements and the Skill outputs a cohesive set of styles, color palettes, typography, and UX guidelines for web and mobile applications.

Can I get UI component styling recommendations for buttons and modals?▼

Yes, you can get UI component styling recommendations for specific elements like buttons, modals, and forms, ensuring professional and user-friendly interfaces.

What UX best practices does this provide for accessibility?▼

This provides UX best practices focused on accessibility, performance, and optimal user interaction to ensure your web and mobile applications are user-friendly.

Does this Skill offer stack-specific implementation advice for frameworks?▼

Yes, the Skill offers stack-specific implementation advice for various frameworks, helping you apply the generated design systems and component styles directly.

What is the best way to choose a color palette and typography for a new SaaS dashboard?▼

The best way to choose a color palette and typography is to input your SaaS dashboard requirements, and the Skill will generate font pairings and layout recommendations.

Related Skills

Explore More Design & Creative Skills→
luanzebaluanzeba

teach-impeccable

Gather project design context and generate a CLAUDE.md Design Context document.

Community
Intermediate
abbas133abbas133
1

eisaal-theming

Standardize color, typography, spacing, and UI motifs with design tokens for Eisaal applications.

Community
Advanced
ilamanovilamanov

frontend-patterns

Guide UI component development with frontend and web design best practices for forms, buttons, and modals.

Community
Advanced
SignmanalSignmanal
1

popular-web-designs

Generate HTML and CSS replicating design systems from 54 popular websites.

Community
Intermediate