ui-ux-pro-max

Generate design systems with styles, palettes, fonts, and UX guidelines.

Updated Sep 22, 2025
One-click install
npx skills add https://github.com/Menschlichkeit-Osterreich/menschlichkeit-oesterreich-development --skill ui-ux-pro-max-menschlichkeit-osterreich
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Menschlichkeit-Osterreich/menschlichkeit-oesterreich-development/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Menschlichkeit-Osterreich/menschlichkeit-oesterreich-development --skill ui-ux-pro-max-menschlichkeit-osterreich

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides comprehensive UI/UX design intelligence, offering guidance on styles, color palettes, typography, and UX best practices to ensure visually appealing, user-friendly, and accessible interfaces.

Core Features & Use Cases

  • Design System Generation: Creates detailed design systems based on project type and keywords.
  • Component & Style Recommendations: Suggests appropriate styles, color palettes, and font pairings.
  • UX & Accessibility Audits: Provides guidelines and checks for critical UX and accessibility standards.
  • Use Case: When building a new SaaS dashboard, use this Skill to generate a complete design system, including a modern style, a professional color palette, and accessibility best practices, ensuring a high-quality user experience from the start.

Quick Start

Generate a design system for a 'fintech mobile app' with a 'minimalist dark mode' 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 complete design system for a web or mobile application?

Generate a complete design system by specifying your project type and keywords to receive tailored style recommendations, color palettes, typography pairings, and UX guidelines. This provides a structured visual and interaction foundation for web and mobile applications.

What is the best way to ensure UI accessibility and UX best practices in a new dashboard?

Ensure UI accessibility and UX best practices by running an audit against the 99 built-in UX guidelines. This checks your dashboard interface against critical accessibility standards to deliver a user-friendly and compliant experience.

Can I use this to find font pairings and color palettes for a specific tech stack?

Yes, you can find font pairings and color palettes for a specific tech stack. The system covers 57 font pairings, 161 color palettes, and design intelligence across 10 technology stacks to match your framework.

Does this UI/UX design intelligence work with component libraries like shadcn/ui?

Yes, this UI/UX design intelligence works with shadcn/ui. It integrates with the library to facilitate component search, style selection, and code optimization for your design workflow.

How do I plan component design and select styles for a fintech mobile app?

Plan component design and select styles for a fintech mobile app by inputting your project parameters, such as 'minimalist dark mode'. The system outputs suitable component designs, style recommendations, and optimization actions.

What types of UI styles are supported for design planning and code review?

Over 50 UI styles are supported for design planning and code review. This range allows you to select and validate visual approaches for diverse project types like websites, SaaS dashboards, and mobile apps.