ui-ux-pro-max

Generate cohesive UI design plans with styles, colors, typography, and components.

Updated Sep 10, 2025
One-click install
npx skills add https://github.com/tillysoso/mv1 --skill ui-ux-pro-max-tillysoso
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/tillysoso/mv1/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/tillysoso/mv1 --skill ui-ux-pro-max-tillysoso

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX decision complexity and design-system guidance; empowers teams to plan, review, and implement high-quality interfaces across web and mobile.

Core Features & Use Cases

  • Comprehensive reference: 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks for consistent, high-quality UI.
  • Use cases: Designing new pages, creating or refactoring components, choosing color schemes and typography, reviewing UI code for accessibility and visual consistency, and aligning cross-platform design systems.
  • Quick impact: Generate a cohesive design plan and design-system recommendations for a given project.

Quick Start

Provide a cohesive UI design plan for the given brief and apply the recommended styles, colors, typography, and components.

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 create a cohesive UI design plan for web and mobile applications?

Generate a cohesive UI design plan by applying recommended styles, colors, typography, and components tailored to your brief. This delivers a comprehensive reference covering 50+ styles and 161 color palettes for high-quality, consistent interfaces across web and mobile.

What is the best way to choose a color palette and font pairing for a design system?

Choose colors and typography by referencing a curated library of 161 color palettes and 57 font pairings. This ensures your visual selections align with established design systems and maintain functional consistency across all product types.

How do I review UI code for accessibility and visual consistency?

Review UI code for accessibility by evaluating it against 99 UX guidelines and design intelligence references. This identifies functional gaps, ensures style matching, and verifies components meet responsive and accessibility governance requirements.

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

Yes, the UI/UX design intelligence reference supports 10 different technology stacks. It provides multi-stack recommendations and 25 chart types, allowing you to align cross-platform design systems and implement components across various frameworks.

Can I use this to refactor existing UI components into a unified design system?

Yes, you can refactor existing UI components into a unified design system. It guides UI/UX decision-making by applying consistency checks and governance requirements, ensuring refactored components align with your visual systems and accessibility standards.

When do I need a cross-platform design system reference for my product?

You need a cross-platform design system reference when planning, reviewing, or implementing interfaces across web and mobile. It resolves UI/UX decision complexity by providing 161 product types and 99 UX guidelines to ensure functional consistency.