ui-ux-pro-max

Generate design system recommendations for web and mobile projects.

2|1|Updated Mar 16, 2026
One-click install
npx skills add https://github.com/ByeongminLee/nextjs-claude-code --skill ui-ux-pro-max-byeongminlee
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/ByeongminLee/nextjs-claude-code/tree/main/template/skills-archive/ui-ux-pro-max
Command: npx skills add https://github.com/ByeongminLee/nextjs-claude-code --skill ui-ux-pro-max-byeongminlee

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Designing cohesive UI/UX systems for web and mobile is time-consuming and error-prone. This Skill provides an AI-assisted design system generator and a domain-aware search engine to quickly propose patterns, color palettes, typography, and accessibility decisions that stay consistent across projects.

Core Features & Use Cases

  • Multi-domain design system generation via BM25 search across product, color, style, typography, and landing guidance.
  • Style, color, typography, and layout recommendations with page-level override support for scalable design systems.
  • Real-world workflow: build a SaaS dashboard design system, then generate page-specific overrides to ensure consistency while allowing targeted customization.

Quick Start

Run the design system generator with your project name to produce a MASTER.md and optional page overrides.

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 consistent design system for a web and mobile project?

Generate a consistent design system by running the design system generator with your project name. It searches product, color, style, and typography guidance to produce a MASTER.md file for scalable UI/UX consistency.

Can I apply page-specific overrides to a base SaaS dashboard design system?

Yes, you can apply page-level overrides to a base SaaS dashboard design system. This allows targeted customization for individual pages while maintaining overall UI/UX consistency across the project.

What is the best way to select color palettes and typography for multiple tech stacks?

The best way to select color palettes and typography is using domain-aware search across product and style guidance. It returns structured recommendations and actionable prompts for multiple stacks.

Does this design guidance tool provide accessibility reviews for UI components?

Yes, the design guidance tool provides accessibility reviews for UI components. It evaluates component interactions and returns actionable prompts to accelerate inclusive design decisions.

What pattern recommendations does the system provide for UI/UX design decisions?

The system provides ready-to-use pattern recommendations for UI/UX design decisions. It applies BM25 search across layout and component guidance to return structured suggestions for your project.

Do I need external dependencies to get structured UI/UX recommendations?

No, you do not need external dependencies to get structured UI/UX recommendations. The Skill operates independently using its internal scripts to generate design systems and actionable prompts.