ui-ux-pro-max

Provide UI/UX design guidelines, styles, color palettes, and typography pairings for web and mobile apps.

2|1|Updated Sep 25, 2025
One-click install
npx skills add https://github.com/istinataFTS/LiftLeagueLegends --skill ui-ux-pro-max-istinatafts
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/istinataFTS/LiftLeagueLegends/tree/main/fitness_tracker/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/istinataFTS/LiftLeagueLegends --skill ui-ux-pro-max-istinatafts

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses the challenges of UI/UX design across multiple platforms, providing comprehensive guidelines and best practices to ensure high-quality user experiences.

Core Features & Use Cases

  • Design Intelligence: Offers a wide range of UI/UX design elements, styles, color palettes, and typography pairings.
  • Project Support: Assists in designing websites, landing pages, dashboards, admin panels, e-commerce sites, SaaS platforms, and mobile apps.
  • Use Case: When designing a mobile app, this Skill can help you select the right color palette, typography, and UI components that align with your brand and provide a seamless user experience.

Quick Start

To start using the ui-ux-pro-max skill, run the command: python3 skills/ui-ux-pro-max/scripts/search.py "beauty spa wellness service" --design-system -p "Serenity Spa"

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 ensure consistent UI/UX design across multiple tech stacks like React and Flutter?

To ensure consistent UI/UX design across React and Flutter, use comprehensive design guidelines offering shared color palettes and typography pairings to maintain visual style consistency across web and mobile platforms.

What is the best way to select color palettes and typography for a mobile app design?

The best way to select color palettes and typography for mobile app design is to use design intelligence guidelines that provide curated styles and pairings aligned with your brand for a seamless user experience.

Can I use this UI design skill for building dashboards and SaaS platforms in Next.js?

Yes, you can use these UI design guidelines for building dashboards and SaaS platforms in Next.js, as they provide comprehensive design elements and best practices specifically supporting web application workflows.

Does this cross-platform design tool support SwiftUI and Svelte?

Yes, this cross-platform design tool supports SwiftUI and Svelte, offering specific UI/UX design intelligence and best practices to ensure high-quality user experiences across both mobile and web frameworks.

How do I start designing a landing page using Tailwind and shadcn/ui?

To start designing a landing page using Tailwind and shadcn/ui, run the provided Python search script with your project parameters to retrieve relevant design systems, styles, and component guidelines.

Do I need Python3 to run the UI design search scripts?

Yes, you need Python3 installed to run the UI design search scripts, which execute the command-line interface to retrieve specific design guidelines and style systems for your project.