skills.rest
hacsat88-blip
hacsat88-blipCOMMUNITY
Explore all skills by this author →
GitHub

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

Related Skills

Explore More Design & Creative Skills→
ZiadNagarZiadNagar

animation-systems

Define motion tokens, choreography patterns, and reduced-motion support for design systems.

Community
Advanced
daffy0208daffy0208
34

brand-designer

Design cohesive brand identities with SVG logos, color palettes, and typography systems.

Community
Intermediate
GrupoUSGrupoUS
1

ui-ux-pro-max

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

Community
Intermediate
St0ff3lSt0ff3l
234

ui-ux-pro-max-zh

Search 67 UI styles, 161 color palettes, and 99 UX guidelines via BM25.

Community
Advanced