skills.rest
trungdo9
trungdo9COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Design cross-platform UI/UX using Material Design 3 and Apple HIG guidelines.

3|1|Updated Dec 5, 2025
Search Tags:#typography#accessibility#color palette#ui/ux design#brand consistency
One-click install
npx skills add https://github.com/trungdo9/ClauKit --skill ui-ux-pro-max-trungdo9
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/trungdo9/ClauKit/tree/main/skills/software/design/ui-ux-pro-max
Command: npx skills add https://github.com/trungdo9/ClauKit --skill ui-ux-pro-max-trungdo9

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill solves the problem of ensuring a consistent and accessible UI/UX across multiple platforms and devices by providing a curated collection of design styles, color palettes, and typography.

Core Features & Use Cases

  • Comprehensive Style and Palette Selection: Access over 50+ design styles and 161 color palettes to tailor your design systems.
  • Typography Consistency: Utilize 57 font pairs for both heading and body content.
  • Accessibility: Ensures compliance with WCAG AA+ standards and provides dark mode support.

Quick Start

To begin using UI/UX Pro Max, initialize the design constraints for your project and select your color palette and typography.

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 maintain brand consistency across cross-platform UI/UX design?▼

Brand consistency in cross-platform UI/UX design is maintained by utilizing pre-defined palettes, typography, and spacing guidelines from Material Design 3 and Apple HIG to ensure visual uniformity across devices.

What's the best way to ensure color palette accessibility and WCAG AA compliance?▼

Color palette accessibility and WCAG AA compliance are achieved by selecting from 161 curated color palettes that include dark mode support, ensuring your UI meets accessibility standards across all visual elements.

Can I use Material Design 3 and Apple HIG guidelines together for a single design system?▼

Yes, you can use Material Design 3 and Apple HIG guidelines together to build a unified design system that respects platform-specific conventions while maintaining shared typography and spacing rules.

How do I choose typography pairs for heading and body content?▼

Typography pairs for heading and body content can be chosen from 57 pre-configured font combinations that ensure readability and visual hierarchy across both mobile and desktop interfaces.

Do I need prior design knowledge to use this UI/UX design skill?▼

Yes, this UI/UX design skill requires prior design knowledge and familiarity with platform-specific guidelines to effectively implement its color, typography, and accessibility constraints.

How many design styles are available for creating accessible interfaces?▼

Over 50+ design styles are available for creating accessible interfaces, allowing you to tailor comprehensive design systems that comply with WCAG AA+ standards and support dark mode.

Related Skills

Explore More Design & Creative Skills→
RSHVRRSHVR
1

elite-brand-design

Convert brand identity inputs into structured design tokens and style guidelines.

Community
Advanced
johnlindquistjohnlindquist
24

design

Manage design tokens and export them to CSS, JSON, and Tailwind config.

Community
Advanced
tizeetizee
2

design-taste-frontend

Enforce design and architecture rules for React and Next.js frontend interfaces.

Community
Advanced
TheGreatLTheGreatL

ui-visual-validator

Validate UI modifications for visual regressions, design compliance, and accessibility.

Community
Advanced