ui-ux-pro-max

Generate design systems with styles, color palettes, and font pairings.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/hashabc-com/taropay_sass_website --skill ui-ux-pro-max-hashabc-com
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/hashabc-com/taropay_sass_website/tree/main/.github/skills/ui-ux-pro-max
Command: npx skills add https://github.com/hashabc-com/taropay_sass_website --skill ui-ux-pro-max-hashabc-com

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 a vast library of styles, palettes, font pairings, and UX guidelines to create professional and user-friendly interfaces.

Core Features & Use Cases

  • Design System Generation: Creates detailed design systems tailored to specific product types and industries.
  • Component & Style Recommendations: Offers guidance on colors, typography, layout, and animations.
  • UX Best Practices: Enforces accessibility, performance, and interaction standards.
  • Use Case: When designing a new SaaS dashboard, use this Skill to generate a complete design system, ensuring a consistent, accessible, and modern look and feel, complete with specific color palettes and font pairings.

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 application?

Generate a design system by specifying your product type and industry to receive tailored color palettes, font pairings, and UX guidelines. This provides a comprehensive UI/UX framework ensuring consistent, accessible, and modern interfaces across platforms.

What's the best way to choose color palettes and font pairings for a SaaS dashboard?

Choose color palettes and font pairings by leveraging a library of 97 palettes and 57 font pairings tailored for SaaS dashboards. This ensures visual consistency, accessibility, and modern aesthetics aligned with UX best practices.

Can I enforce accessibility and UX best practices for frontend development?

Enforce accessibility and UX best practices by applying 99 specific UX guidelines across 9 technology stacks. This ensures frontend interfaces meet interaction standards, performance requirements, and accessibility compliance for web and mobile apps.

Does this UI/UX design intelligence support multiple technology stacks?

UI/UX design intelligence supports 9 technology stacks, providing component recommendations and style guidance across various frameworks. This ensures design system generation and UX best practices are applicable regardless of your frontend environment.

How do I find UI component recommendations for a new e-commerce website?

Find UI component recommendations by defining your e-commerce website requirements to receive guidance on layout, typography, and animations. This leverages 50+ design styles to ensure a professional and user-friendly interface.

Why use a design system generator for landing pages and mobile apps?

Use a design system generator to establish consistent visual language and interaction patterns for landing pages and mobile apps. It provides specific color palettes, font pairings, and UX guidelines, eliminating guesswork and ensuring professional results.