skills.rest
figuedmundo
figuedmundoCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/figuedmundo/mamirri-app --skill ui-ux-pro-max-figuedmundo
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
sayeedjoysayeedjoy
12

ui-ux-pro-max

Generate design systems with stack-specific UI/UX recommendations.

Community
Advanced
guideopsguideops

shadcn

Implement Shadcn design system with typography, color palettes, and accessibility.

Community
Intermediate
AlexbyxdAlexbyxd

ui-ux-pro-max

Generate UI/UX design recommendations with styles, color palettes, and font pairings.

Community
Advanced
Tai-ch0802Tai-ch0802
41

ui-ux-pro-max

Generate design systems with color palettes, font pairings, and UX guidelines.

Community
Advanced