ui-ux-pro-max

Unleash your inner superhero with effortless style and grace.

14|3|Updated Jan 15, 2026
One-click install
npx skills add https://github.com/bmad-labs/skills --skill ui-ux-pro-max-bmad-labs
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/bmad-labs/skills/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/bmad-labs/skills --skill ui-ux-pro-max-bmad-labs

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python3, and 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 visually appealing and user-friendly interfaces across various technology stacks.

Core Features & Use Cases

  • Design System Generation: Create a complete design system based on project requirements.
  • Style & Palette Recommendations: Get suggestions for 50+ styles and 21 color palettes.
  • Typography & Charting: Access 50+ font pairings and 20+ chart types.
  • Stack Support: Covers 9 technology stacks including React, Next.js, Vue, and more.
  • Use Case: When starting a new SaaS dashboard project, use this Skill to generate a professional design system, ensuring consistency, accessibility, and optimal user experience from the outset.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a 'fintech mobile app' with a 'minimalist dark mode' style.

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 design system for a web or mobile app?

You can generate a design system by specifying your project requirements, such as a 'fintech mobile app' with a 'minimalist dark mode' style. The Skill outputs comprehensive UI/UX intelligence, providing matching color palettes, typography, and component guidelines.

What technology stacks are supported for UI/UX design implementation?

UI/UX design implementation supports 9 technology stacks, including React, Next.js, Vue, and Tailwind CSS. It facilitates building, refactoring, and optimizing design code across these frameworks to ensure consistent visual output.

Can I get font pairings and color palette recommendations for Tailwind CSS?

Yes, you can get tailored color palette and typography recommendations for Tailwind CSS. The Skill provides 21 color palettes and 50 font pairings to ensure your design system maintains visual consistency and accessibility.

Does this design intelligence tool integrate with shadcn/ui for component search?

Yes, the design intelligence tool integrates with shadcn/ui to facilitate component search. This allows you to directly match UI/UX design requirements with existing components during the creation and implementation phases.

What's the best way to plan a SaaS dashboard design system from scratch?

The best way to plan a SaaS dashboard is to use design intelligence to generate a professional design system from the outset. This ensures optimal user experience, accessibility, and consistency across 50+ styles and 20+ chart types.

Do I need Python3 installed to use this UI/UX design intelligence tool?

Yes, Python3 is a required dependency to run this UI/UX design intelligence tool. You need the Python3 environment set up to execute the scripts that generate styles, palettes, and typography pairings.