Ui Ux Pro Max

What it does

The Ui Ux Pro Max skill provides a comprehensive design guide for web and mobile applications, acting as a coding assistant specifically focused on UI/UX workflows. It offers a searchable database containing 67 styles, 96 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 13 technology stacks. The skill helps AI agents generate design systems with priority-based recommendations and reasoning to streamline frontend UI development.

When to use it

This skill is useful in the following scenarios:

• Designing a new SaaS application or e-commerce site.
• Creating a portfolio website requiring specific stylistic elements (e.g., minimal, dark mode).
• Developing dashboards or landing pages for industries like healthcare, fintech, or gaming.
• Needing guidance on UX best practices and avoiding common anti-patterns.
• Building frontend UIs using React, Vue, Next.js, or HTML/Tailwind.

Key capabilities

• Design System Generation: Creates comprehensive design systems based on product type, style keywords, industry, and technology stack.
• Priority-Based Recommendations: Provides recommendations with reasoning for optimal UI/UX choices.
• Searchable Database: Offers access to a wide range of styles, colors, fonts, UX guidelines, and chart types.
• Hierarchical Retrieval: Allows for page-specific design overrides using "Master" and "Overrides Pattern" files.
• Domain Searches: Enables detailed searches within specific domains (product, style, color, landing, typography) to refine designs further.

Example prompts

Here are some example prompts you could give an AI agent with this skill installed:

• “Create a design system for a beauty spa wellness service using the 'Serenity Spa' project name.”
• "Generate a minimal style design system for a fintech dashboard."
• "Show me color palettes suitable for a playful gaming application."

Tips & gotchas

• Python Requirement: This skill requires Python 3 to be installed on your system. Follow the provided instructions to install it if necessary.
• Design System First: Always start with the --design-system command to generate a foundational design system before proceeding with more detailed searches.
• Persistence is Key: Use the --persist flag to save and reuse generated design systems across sessions, creating MASTER.md and page-specific override files.