ui-ux-pro-max

Provide UI/UX design guidance using a searchable database of styles, palettes, and font pairings.

73|8|Updated Jan 6, 2026
One-click install
npx skills add https://github.com/bamzc/claude-skills-frontend --skill ui-ux-pro-max-bamzc
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/bamzc/claude-skills-frontend/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/bamzc/claude-skills-frontend --skill ui-ux-pro-max-bamzc

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill streamlines the UI/UX design process by providing intelligent suggestions for styles, color palettes, typography, and stack-specific best practices, helping users create professional and aesthetically pleasing interfaces efficiently.

Core Features & Use Cases

  • Comprehensive Design Database: Access to 50+ styles, 21 palettes, 50 font pairings, and 20 chart types.
  • Stack-Specific Guidance: Tailored recommendations for React, Next.js, Vue, Svelte, SwiftUI, React Native, and Flutter.
  • Actionable Design Support: Assists with planning, building, creating, designing, implementing, reviewing, fixing, improving, optimizing, enhancing, and refactoring UI/UX code.
  • Use Case: A developer needs to design a modern, responsive landing page for a new SaaS product. They can use this Skill to get recommendations for a suitable style (e.g., glassmorphism), a professional color palette, elegant font pairings, and Tailwind CSS implementation details.

Quick Start

Use the ui-ux-pro-max skill to find a minimalist style for a SaaS dashboard.

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 find the right color palette and font pairings for a React SaaS dashboard?

To find color palettes and font pairings for a React SaaS dashboard, you can access a comprehensive design database providing 21 palettes and 50 font pairings alongside stack-specific best practices for React.

Can I get UI/UX design recommendations for mobile frameworks like React Native and Flutter?

Yes, you can get UI/UX design recommendations for React Native and Flutter, as the assistant provides tailored style guides, color palettes, and typography pairings for multiple development stacks including mobile platforms.

What is the best way to choose a UI style like glassmorphism for a new frontend project?

The best way to choose a UI style like glassmorphism is to search a database of over 50 styles, which provides intelligent suggestions matched with professional color palettes and elegant typography pairings.

How do I refactor and optimize existing UI/UX code using a style guide?

To refactor and optimize UI/UX code using a style guide, you can leverage actionable design support that assists with reviewing, fixing, improving, and refactoring interface elements across various project types.

Does this UI/UX assistant support planning and building charts for data visualization?

Yes, this UI/UX assistant supports planning and building data visualization by offering recommendations across 20 different chart types to help you implement professional analytics interfaces.