ui-ux-pro-max

Select UI styles, color palettes, font pairings, UX rules, and chart types for product interfaces.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/meisijiya/ohMeisijiyaCode --skill ui-ux-pro-max-meisijiya
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/meisijiya/ohMeisijiyaCode/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/meisijiya/ohMeisijiyaCode --skill ui-ux-pro-max-meisijiya

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you make confident UI and UX decisions without guessing, by turning broad design problems into concrete choices for style, color, typography, interaction, accessibility, and charts.

Core Features & Use Cases

  • UI Style Selection: Compare aesthetic directions such as minimalist, brutalist, glass, editorial, cyber, playful, and dark styles.
  • Color and Typography Guidance: Pick palettes and font pairings that fit the product mood while staying readable and accessible.
  • UX and Accessibility Review: Apply practical rules for touch targets, navigation, forms, motion, and contrast.
  • Data Visualization Choice: Select the right chart type for comparison, trend, distribution, hierarchy, or relationship data.
  • Use Case: If you are designing a fintech dashboard, this Skill can help you choose a trustworthy visual style, an accessible palette, a strong font pairing, and the most suitable charts.

Quick Start

Ask me to recommend the best UI style, palette, font pairing, UX rules, and chart types for your product brief.

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 choose the right UI style and color palette for a new product interface?

To choose a UI style and color palette for a product interface, compare aesthetic directions like minimalist, brutalist, or cyber styles, and select palettes that fit the product mood while maintaining WCAG-aware contrast for accessibility. This ensures readable and visually cohesive designs.

What is the best way to pair typography for UX readability and accessibility?

The best way to pair typography for UX readability is to select font pairings that match the product mood while applying practical accessibility rules for contrast and structure. This ensures text remains legible and accessible across modern tech stacks.

How do I select the correct chart type for my data visualization needs?

To select the correct chart type for data visualization, identify your data's purpose such as comparison, trend, distribution, hierarchy, or relationship. Matching the chart type to the data structure ensures accurate and effective visual communication.

Can I use this for a cross-platform UI design system and accessibility review?

Yes, you can use this for cross-platform UI design systems and accessibility reviews. It applies practical UX rules for touch targets, navigation, forms, and motion to ensure interfaces meet WCAG-aware contrast standards across different platforms.

What UX rules should I apply for forms and touch targets in a component redesign?

For forms and touch targets in a component redesign, apply practical UX rules that dictate appropriate sizing, spacing, and interaction patterns. This ensures the redesigned components are usable, accessible, and meet standard interaction expectations.