ui-ux-pro-max

Generate design systems for web and mobile applications.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/min-zou/obsidian-doc --skill ui-ux-pro-max-min-zou
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/min-zou/obsidian-doc/tree/main/format/areas/system/agent-skills/codex/ui-ux-pro-max
Command: npx skills add https://github.com/min-zou/obsidian-doc --skill ui-ux-pro-max-min-zou

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python3, pypdf, pdfplumber, pdf2image, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides design intelligence for web and mobile applications, addressing UI structure, visual design, interaction patterns, and user experience quality control.

Core Features & Use Cases

  • Comprehensive Design Guide: Offers 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 technology stacks.
  • Actionable Recommendations: Prioritizes accessibility, touch interaction, performance, style selection, layout, typography, color, animation, forms, feedback, navigation, and charts.
  • Use Case: When developing a new website or app, use this Skill to ensure the UI/UX aligns with best practices, improving usability and accessibility.

Quick Start

To generate a design system for a new project, use the ui-ux-pro-max skill with the command: python3 skills/ui-ux-pro-max/scripts/search.py "new project <project_type> <keywords>" --design-system

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 design system for a new web or mobile app?

To generate a design system, use the skill's search script with your project type and keywords. It outputs actionable recommendations for UI structure, visual design, and interaction patterns across web and mobile platforms.

What UI styles and color palettes are available for web and mobile design?

The skill provides over 50 UI styles and 161 color palettes for web and mobile design. It also includes 57 font pairings and 25 chart types to guide comprehensive visual and interaction design decisions.

Can I use this skill to improve UX accessibility and touch interaction?

Yes, the skill prioritizes UX accessibility and touch interaction guidelines. It offers 99 specific UX guidelines covering forms, feedback, navigation, and performance to ensure your application meets usability standards.

Does the skill support design system generation for specific technology stacks?

The skill supports design system generation across 10 technology stacks. It covers 161 product types, providing tailored UI structure, visual design, and interaction patterns for your specific development environment.

Do I need Python3 installed to use this UI/UX design intelligence tool?

Yes, Python3 is required as the skill depends on it, along with pypdf, pdfplumber, and pdf2image. These dependencies support the script execution needed to generate design system recommendations.

Why should I use an automated design system generator instead of manual UI/UX design?

An automated design system generator ensures UI/UX aligns with best practices instantly. It provides actionable recommendations for layout, typography, and animation, reducing manual effort and improving usability and accessibility.