ui-ux-pro-max

Aggregate UI/UX design guidance into a cohesive design system.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/mlamla123/openclaw-starter-kit --skill ui-ux-pro-max-mlamla123
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/mlamla123/openclaw-starter-kit/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/mlamla123/openclaw-starter-kit --skill ui-ux-pro-max-mlamla123

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX teams struggle to design cohesive interfaces across multiple stacks and quickly align patterns, colors, and typography while maintaining accessibility and consistency. This skill provides a centralized, AI-assisted design system generator and live component references to accelerate design workflows.

Core Features & Use Cases

  • Live component search across shadcn/ui registry, 21st.dev community, and v0.dev AI generation to inspire UI decisions.
  • Multi-domain design guidance covering color palettes, typography, layout, accessibility, motion, and charts for web and mobile.
  • Use Case: generate a complete design system for a SaaS dashboard and then override page-specific details for a marketing site.

Quick Start

Run the design-system generator with your project prompt to produce a master design system 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 design system for a SaaS dashboard?

Generate a SaaS dashboard design system by inputting your project prompt to produce a master system with cohesive color palettes, typography, layout patterns, and accessibility rules. You receive hierarchical master configuration with optional page-specific overrides.

Can I search for live UI components from shadcn/ui and v0.dev?

Yes, you can search live UI components from shadcn/ui registry, 21st.dev community, and v0.dev AI generation. This aggregates real-time component references to inspire and accelerate your UI design decisions.

How do I maintain design consistency across a marketing site and mobile app?

Maintain design consistency across web and mobile by applying master design system guidance, then configuring page-specific overrides. This hierarchical persistence ensures typography, colors, and usability rules remain aligned across product types.

Does the generated design system include accessible color palettes?

Yes, the generated design system includes accessible color palettes as a core constraint. It aggregates color domain guidance to satisfy accessibility requirements while providing usable typography and motion patterns for your interfaces.

What's the best way to override master design rules for a specific landing page?

Override master design rules for a specific landing page by applying the hierarchical master+override persistence mechanism. You define global design system constraints first, then generate targeted page overrides that satisfy specific marketing requirements.

Do I need any external dependencies to use this UI/UX design skill?

No external dependencies are required to use this UI/UX design skill. It operates independently to aggregate design guidance across product, style, color, and typography domains into a cohesive, implementation-ready design system.