ui-ux-pro-max

Generate UI/UX design-system plans with styles, palettes, typography, and interaction patterns.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Designing cohesive UI/UX systems across web and mobile requires time, expertise, and consistent governance. This Skill provides a structured, scalable approach to plan, compare, and implement design systems, styles, palettes, and interaction patterns across multiple tech stacks.

Core Features & Use Cases

  • Multi-stack design guidance: supports 9 tech stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui) with 50+ styles, 21 palettes, 50 font pairings, and 20 chart types.
  • Domain-aware search: surfaces color, typography, UX guidelines, accessibility considerations, and pattern recommendations for websites, dashboards, landing pages, and mobile apps.
  • Design-system generation with reasoning: outputs include pattern name, sections, color mood, typography mood, and key effects, plus implementation tips.

Quick Start

Describe your project requirements to generate a complete UI/UX design system plan.

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 UI design system with color palettes and typography for a React or Next.js app?

To generate a UI design system, describe your project requirements to surface relevant color palettes, typography pairings, and interaction patterns. It supports React, Next.js, and other stacks by outputting structured design-system plans with reasoning-based recommendations.

What UX guidelines and accessibility practices should I follow when building a mobile app dashboard?

For mobile app dashboards, UX guidelines and accessibility practices are surfaced through domain-aware search, providing specific color, typography, and interaction pattern recommendations. This ensures your interface meets accessibility standards while maintaining visual consistency across dashboard components.

Can I use this to find font pairings and chart types for a SwiftUI or Flutter interface?

Yes, you can find font pairings and chart types for SwiftUI and Flutter interfaces. The system supports 9 tech stacks including SwiftUI and Flutter, offering 50 font pairings and 20 chart types to help you plan consistent data visualization and text styling.

What's the best way to plan a cohesive design system across multiple tech stacks like Vue and Svelte?

The best way to plan a cohesive design system across Vue and Svelte is using multi-domain aggregation and reasoning-based generation. This approach compares styles, palettes, and patterns across stacks, outputting structured guidance suitable for Markdown or ASCII box formats.

Does this design system generator work with Tailwind and shadcn/ui components?

Yes, the design system generator works with Tailwind and shadcn/ui components. It provides multi-stack design guidance that includes 50+ styles and relevant interaction patterns specifically tailored for these frameworks, ensuring your component library remains scalable and accessible.

Why use a structured knowledge base for web design system planning instead of manual component selection?

A structured knowledge base for web design system planning provides deterministic search across domains, ensuring consistent governance and scalable implementation. Unlike manual component selection, it aggregates styles, accessibility practices, and performance considerations to output cohesive, reasoning-based design recommendations.