ui-ux-pro-max

Generate UI/UX design-system recommendations across multiple web and mobile stacks.

Updated Mar 7, 2026
One-click install
npx skills add https://github.com/bibo1243/claw_memory --skill ui-ux-pro-max-bibo1243
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/bibo1243/claw_memory/tree/main/skills/ui-ux-pro-max-skill-2.2.1/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/bibo1243/claw_memory --skill ui-ux-pro-max-bibo1243

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

The Skill provides AI-assisted UI/UX design guidance and a scalable design-system workflow to streamline creating accessible, consistent interfaces across multiple tech stacks.

Core Features & Use Cases

  • 50+ styles, 97 color palettes, 57 font pairings, and 25 chart types across 9 technology stacks to rapidly assemble design systems.
  • Multi-domain guidance including accessibility, layout, typography, color, animation, and performance to align designs with best practices.
  • Generates actionable design-system recommendations, including patterns, style priorities, and implementation checklists, that can be persisted as MASTER.md plus page-level overrides for scalable teams.

Quick Start

Describe your project goals and constraints to generate a complete UI/UX design system.

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/UX design system for multiple frameworks like React, Next.js, and Flutter?▼

To build a UI/UX design system across stacks like React, Next.js, and Flutter, describe your project goals to receive tailored recommendations covering styles, color palettes, and typography. The tool outputs actionable design-system guidelines with implementation checklists.

What is the best way to ensure web accessibility in my interface design?▼

The best way to ensure accessibility is using multi-domain guidance that aligns layouts, typography, and color choices with best practices. This tool provides reasoning-based accessibility recommendations and implementation checklists to maintain compliance across web and mobile applications.

Does this UI/UX design guidance tool support Tailwind and shadcn/ui?▼

Yes, this UI/UX design guidance tool explicitly supports both Tailwind and shadcn/ui among its 9 technology stacks. It delivers tailored style, color, and font recommendations specifically designed for these frameworks.

How do I persist design-system decisions for scalable team workflows?▼

You persist design-system decisions by generating a MASTER.md file for global rules and applying page-level overrides for specific screens. This hierarchical persistence ensures scalable teams maintain consistent UI/UX standards across multiple technology stacks.

Can I get chart and data visualization recommendations for my application?▼

Yes, you can get chart and data visualization recommendations as the tool covers 25 chart types across its supported stacks. It provides reasoning-based guidance to align your data visualizations with overall design-system patterns and layout principles.

When do I need multi-domain design guidance for my mobile application?▼

You need multi-domain design guidance when building mobile interfaces that require synchronized accessibility, animation, and layout decisions across stacks like SwiftUI, React Native, or Flutter. It ensures consistent UX by aligning 50+ styles and 97 color palettes with technical constraints.