ui-ux-pro-max

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

Updated Mar 5, 2026

Search Tags:#typography #accessibility #design system #ui/ux #color palette #web design #frontend development

Ready to run

npx skills add https://github.com/hacsat88-blip/DCR_Products --skill ui-ux-pro-max-hacsat88-blip

💬 Prompt for ChatGPT / Claude Chat▼

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

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: Creates detailed design systems tailored to specific product types, industries, and styles.
UX Best Practices: Offers critical guidelines on accessibility, interaction, performance, and layout.
Use Case: When building a new SaaS dashboard, use this Skill to generate a complete design system, including color schemes, font pairings, and accessibility checks, ensuring a polished and effective user experience.

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 new web application?▼

This skill generates a comprehensive design system for web applications by providing tailored color palettes, typography pairings, and UX guidelines. It outputs a complete framework ensuring professional and accessible interfaces.

What is the best way to ensure accessibility in my UI/UX design?▼

The best way to ensure accessibility in UI/UX design is to apply critical guidelines on interaction, performance, and layout. This skill offers automated accessibility checks and best practices for compliant interfaces.

Can I get color palette and typography recommendations for a SaaS dashboard?▼

Yes, you can get color palette and typography recommendations for a SaaS dashboard through this skill. It delivers tailored font pairings and color schemes to ensure a polished and effective user experience.

Does this UI/UX design guidance support mobile applications?▼

Yes, this UI/UX design guidance supports mobile applications alongside web platforms. It provides comprehensive design intelligence covering styles, palettes, and UX guidelines across multiple technology stacks for mobile interfaces.

How do I apply frontend development best practices to my design system?▼

To apply frontend development best practices to your design system, this skill provides stack-specific implementation advice. It translates design guidelines into actionable frontend development instructions for web and mobile apps.