ui-ux-pro-max

Aggregate multi-domain search results to generate UI/UX design systems.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples.

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 for my web project?

Generate a UI design system by aggregating multi-domain search results to produce comprehensive web and mobile project guidance. You receive prioritized decisions on components, color palettes, typography, and accessibility formatted as an ASCII box or Markdown summary.

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

Choosing typography and color palettes for a mobile app is streamlined through prioritized domain searches. The system evaluates 21 palettes and 50 font pairings to provide rapid, targeted design-system outputs for your specific project.

Does this UI design guidance tool support React Native and Flutter?

Yes, this UI design guidance tool supports React Native and Flutter among 9 specific stacks. It provides optional stack guidance alongside design-system outputs, enabling rapid component and layout decisions for mobile applications.

Can I use this to review and fix accessibility in existing UI code?

Yes, you can review and fix accessibility in existing UI code. The tool aggregates multi-domain search results to generate design guidelines, checking UI/UX code against accessibility standards and outputting actionable Markdown summaries.

Do I need Python to run the ui-ux-pro-max Skill?

Yes, you need Python 3 and local data files to run the ui-ux-pro-max Skill. It processes design queries through local scripts to aggregate search results and generate your comprehensive design system output.

How do I find shadcn/ui component examples for a dashboard layout?

Find shadcn/ui component examples for a dashboard layout using the integrated shadcn/ui MCP for component search. The tool queries this integration to fetch relevant examples and incorporates them into your generated design-system output.