ui-ux-pro-max

Generates design systems and UI/UX guidance for multiple technology stacks and media types.

Updated Jan 6, 2026

Search Tags:#color palettes #typography #accessibility #design system #ui/ux #component library #frontend development

Ready to run

npx skills add https://github.com/figuedmundo/mamirri-app --skill ui-ux-pro-max-figuedmundo

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/figuedmundo/mamirri-app/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/figuedmundo/mamirri-app --skill ui-ux-pro-max-figuedmundo

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python3, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides comprehensive UI/UX design guidance, helping users create visually appealing, user-friendly, and accessible interfaces across various platforms and technologies.

Core Features & Use Cases

Design System Generation: Creates detailed design systems based on project requirements, including patterns, styles, colors, and typography.
Component Design: Offers specific recommendations for UI elements like buttons, cards, and forms.
Stack-Specific Guidelines: Provides best practices tailored to different technology stacks (e.g., React, Vue, HTML/Tailwind).
Use Case: When starting a new SaaS dashboard project, use this Skill to generate a complete design system, ensuring consistency and adherence to best practices from the outset.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a 'fintech mobile app' with a 'minimalist' style.

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 a specific tech stack?▼

Generate a UI/UX design system by specifying project requirements and technology stack like React or Vue. The skill outputs comprehensive guidelines including 50+ styles, 97 color palettes, and 57 font pairings tailored to your stack.

What's the best way to ensure UI component accessibility and best practices?▼

Ensure UI component accessibility by applying 99 UX guidelines provided across 9 technology stacks. It reviews and checks your UI/UX code for adherence to established accessibility standards and best practices.

Can I use this to find shadcn/ui component examples for my frontend project?▼

Yes, you can find shadcn/ui component examples for frontend development. It integrates directly with shadcn/ui for component search and provides specific recommendations for UI elements like buttons, cards, and forms.

Do I need Python to run the ui-ux-pro-max skill?▼

Yes, you need Python3 installed to run the ui-ux-pro-max skill. It utilizes a Python-based search script to execute domain-specific queries for design intelligence and component recommendations.

How do I refactor and improve existing dashboard UI code?▼

Refactor and improve existing dashboard UI code by using the skill's review and optimize actions. It analyzes your current implementation and provides actionable steps to enhance visual appeal, user-friendliness, and structural consistency.