ui-ux-pro-max

Generate design systems and review UI/UX code for web and mobile applications.

Updated Nov 22, 2025
One-click install
npx skills add https://github.com/usermaum/Themoon --skill ui-ux-pro-max-usermaum
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/usermaum/Themoon/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/usermaum/Themoon --skill ui-ux-pro-max-usermaum

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires csv, json, re, pathlib, math, collections, argparse, datetime, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides comprehensive UI/UX design intelligence, offering best practices, style recommendations, and implementation guidelines to create visually appealing and user-friendly interfaces.

Core Features & Use Cases

  • Design System Generation: Creates tailored design systems based on project type, industry, and desired style.
  • Component Styling: Offers guidance on colors, typography, layout, and effects for various UI elements.
  • UX Best Practices: Enforces accessibility, performance, and interaction standards.
  • Use Case: When starting a new SaaS dashboard project, use this Skill to generate a complete design system, ensuring consistency and adherence to modern UX principles from the outset.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a fintech dashboard.

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 complete design system for a web application?

To generate a design system, define your project type and desired style, and the tool outputs tailored color palettes, typography rules, and UX guidelines. This ensures visual consistency and adherence to modern accessibility standards across your web application from the outset.

What is the best way to ensure UI component styling follows accessibility standards?

The best way to ensure accessible UI components is to enforce UX best practices during the styling phase, covering colors, layout, and interaction standards. This process validates that frontend development meets modern accessibility guidelines.

Can I use this to get UI/UX recommendations for both web and mobile applications?

Yes, you can use this to get UI/UX recommendations for both web and mobile applications. It provides comprehensive design intelligence, covering styles, color palettes, and typography across multiple technology stacks for both platforms.

How do I review existing frontend code for UI/UX issues?

To review frontend code for UI/UX issues, process your component implementation through the tool to evaluate layout, effects, and interaction patterns. It identifies deviations from established style guides and UX best practices.

Does this tool provide specific chart type recommendations for data dashboards?

Yes, this tool provides specific chart type recommendations for data dashboards. It delivers design intelligence that covers data visualization patterns, ensuring your dashboard components match the correct UX guidelines for data representation.