ui-ux-pro-max

Generate prioritized UI/UX design system guidance for web and mobile products.

Updated May 28, 2026
One-click install
npx skills add https://github.com/zhang-ming-hui/ackownledge --skill ui-ux-pro-max-zhang-ming-hui
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/zhang-ming-hui/ackownledge/tree/main/ir_system/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/zhang-ming-hui/ackownledge --skill ui-ux-pro-max-zhang-ming-hui

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and data (resource) components.

What problem does it solve?

It helps you avoid common UI/UX mistakes by providing actionable, prioritized guidance for accessibility, interaction design, layout, typography, and visual styles across modern web and mobile stacks.

Core Features & Use Cases

  • Prioritized UX rule categories: Focuses on critical issues first (accessibility, touch & interaction) and then performance and layout.
  • Large design intelligence library: Covers 67 styles, 96 palettes, 57 font pairings, 25 chart types, and 13 tech stacks with recommendations and anti-pattern awareness.
  • Implementation-aware workflow: Produces a design system using search, then supports domain-specific follow-ups (style, typography, color, UX, charts, landing structure) for building components and pages.

Quick Start

Run the design-system search for your product and keywords (for example, “SaaS fintech dashboard dark mode accessible”) using the ui-ux-pro-max workflow so you get a complete pattern, colors, typography, effects, and anti-pattern guidance in one result.

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 SaaS dashboard?

To generate a UI UX design system for a SaaS dashboard, search your product keywords to retrieve prioritized UX rules, color palettes, typography pairings, and layout anti-patterns for accessible web interfaces.

What is the best way to ensure accessibility in responsive web layouts?

The best way to ensure accessibility in responsive layouts is applying prioritized UX rules that focus on critical touch interactions and layout mistakes first, followed by performance and visual style optimization.

Can I use this design system guidance for frontend implementation across multiple frameworks?

Yes, you can use this design system guidance for frontend implementation across multiple frameworks, as it provides domain-specific retrieval and supports component implementation across 13 modern web and mobile tech stacks.

How do I choose typography pairing and color palettes for a mobile app?

Choose typography pairing and color palettes for a mobile app by searching the design intelligence library, which covers 96 palettes and 57 font pairings with specific recommendations and anti-pattern awareness.

Does this UX rule guidance work for e-commerce flows and admin panels?

Yes, this UX rule guidance works for e-commerce flows and admin panels, providing actionable prioritized guidance for interaction design, layout, typography, and visual styles tailored to those product domains.

What are common UI UX anti-patterns when building a dark mode fintech dashboard?

Common UI UX anti-patterns when building a dark mode fintech dashboard include accessibility mistakes and layout errors, which you can prevent by retrieving domain-specific anti-pattern awareness and prioritized UX rules.