ui-ux-pro-max

Generate UI/UX design systems with guidelines, palettes, and typography for specified tech stacks.

2|Updated Mar 13, 2026
One-click install
npx skills add https://github.com/moshi-azz/moshiClaw-panel --skill ui-ux-pro-max-moshi-azz
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/moshi-azz/moshiClaw-panel/tree/main/data/skills/ui-ux-pro-max
Command: npx skills add https://github.com/moshi-azz/moshiClaw-panel --skill ui-ux-pro-max-moshi-azz

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python, ui-reasoning.csv, styles.csv, colors.csv, charts.csv, typography.csv, icons.csv, react-performance.csv, app-interface.csv, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the challenge of inefficient UI/UX design processes, providing comprehensive design guides and automation tools across various technology stacks.

Core Features & Use Cases

  • Comprehensive Design Guides: Access a vast library of design styles, color palettes, typography pairings, product types, UX guidelines, and chart types.
  • Stack Compatibility: Offers recommendations and best practices for React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS.
  • Automated Design System Generation: Generate full design systems with reasoning and recommendations for specific project types and use cases.
  • Use Case: Designers can use this Skill to create a cohesive design system for a new SaaS dashboard, including style guidelines, color palettes, and typography recommendations.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a SaaS dashboard called 'MyProject'.

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 using React and Tailwind?

You can generate a cohesive design system for a SaaS dashboard by providing your project type and technology stack, which produces tailored style guidelines, color palettes, typography recommendations, and component suggestions for frameworks like React and Tailwind.

What is included in an automated UI/UX design system?

An automated UI/UX design system includes comprehensive design guides featuring a vast library of design styles, color palettes, typography pairings, UX guidelines, and chart types aligned with your specific project type and technology stack.

Does this design system generator support Vue, Svelte, and Flutter stacks?

Yes, this design system generator supports Vue, Svelte, and Flutter, offering recommendations and best practices for a wide range of stacks including Next.js, SwiftUI, React Native, shadcn/ui, and HTML/CSS.

Do I need Python installed to generate UI component suggestions and color palettes?

Yes, Python is required because the design system generation scripts and underlying reasoning rules that produce UI component suggestions, color palettes, and typography recommendations rely on Python dependencies.

What's the best way to get UX guidelines and typography recommendations for a mobile app?

The best way to get UX guidelines and typography recommendations for a mobile app is to use an automated design system generator that applies reasoning rules to output stack-specific best practices for mobile design frameworks like SwiftUI, React Native, and Flutter.

Can I use this tool to create shadcn/ui component suggestions and chart types?

Yes, you can use this tool to create shadcn/ui component suggestions and chart types, as it explicitly includes stack compatibility and recommendations for shadcn/ui alongside a vast library of chart types.