ui-ux-pro-max

Search design patterns across product, style, color, typography, and landing domains.

4|2|Updated Mar 6, 2026
One-click install
npx skills add https://github.com/hiimtrung/coder --skill ui-ux-pro-max-hiimtrung
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/hiimtrung/coder/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/hiimtrung/coder --skill ui-ux-pro-max-hiimtrung

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX Pro Max provides design-system intelligence to unify patterns, palettes, typography, and guidelines across teams, enabling faster, more consistent design decisions.

Core Features & Use Cases

  • Multi-domain search for product, style, color, typography, and landing patterns to surface proven design options.
  • Design System Master + Overrides: generate a global master with optional page-specific overrides for consistent, scalable design.
  • Pattern and typography recommendations, accessible color guidance, and component guidelines across 10 stacks.
  • Use cases include designing a new landing page, building a component library, auditing UI for accessibility, and aligning on design system decisions.

Quick Start

Ask the AI to generate a complete design system recommendation for your project.

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 landing page?

To generate a design system for a new landing page, provide your project requirements to prompt a multi-domain search across product, style, color, and typography patterns, resulting in a complete recommendation. It applies reasoning to surface proven design options.

What is a Master and Overrides workflow in UI design?

A Master and Overrides workflow in UI design establishes a global master design system while allowing page-specific style exceptions. This approach ensures consistent, scalable design decisions across teams while maintaining flexibility for unique page layouts.

Can I audit my UI for accessibility and color contrast issues?

Yes, you can audit your UI for accessibility and color contrast issues. The system provides accessible color guidance and component guidelines, checking your interface against established standards to ensure consistency and compliance across your product.

Does this design intelligence tool support specific tech stacks for component libraries?

This design intelligence tool supports component guidelines across 10 distinct tech stacks. It aggregates pattern recommendations and typography options to help you build consistent component libraries tailored to your specific development environment.

How do I align typography and color palettes across multiple product teams?

To align typography and color palettes across multiple product teams, use design-system intelligence to unify patterns and guidelines. It aggregates cross-domain search results to establish a global master, ensuring faster and more consistent design decisions.

What's the best way to select styles and colors for a component library?

The best way to select styles and colors for a component library is to use AI-driven pattern recommendations. The system applies reasoning to cross-domain search results, providing accessible color guidance and proven typography combinations for your components.