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.