ui-ux-pro-max

Name: ui-ux-pro-max
Availability: InStock
Author: beatther

Design cohesive UI systems with color, typography, and component patterns across 9 stacks.

1|Updated Jan 20, 2026

Search Tags:#typography #ui #accessibility #ux #design-system #style-guides

Ready to run

npx skills add https://github.com/beatther/OhMySkills-antigravity --skill ui-ux-pro-max-beatther

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/beatther/OhMySkills-antigravity/tree/main/.gemini/skills/ui-ux-pro-max
Command: npx skills add https://github.com/beatther/OhMySkills-antigravity --skill ui-ux-pro-max-beatther

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX teams often face inconsistency across multiple stacks; this Skill consolidates patterns, palettes, typography, and component guidelines to accelerate design decisions and keep UI cohesive.

Core Features & Use Cases

50+ styles for consistent UI patterns across React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, and shadcn/ui.
21 palettes and 50 font pairings to enable rapid theme creation and typography decisions.
20 chart types and UX guidelines to inform data visualization and interaction details.
Use Case: Design a SaaS dashboard with consistent typography, color system, and component behavior across web and mobile stacks.

Quick Start

Provide a ready-to-use UI system by selecting a style, color palette, and typography for your stack and start implementing components.

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 create a cohesive UI design system across multiple frameworks like React and Flutter?▼

To create a cohesive UI design system across React and Flutter, apply consolidated guidelines covering color, typography, and component patterns to maintain consistency across 9 supported stacks.

What's the best way to choose typography and color palettes for a SaaS dashboard?▼

Choosing typography and color palettes for a SaaS dashboard is streamlined through 21 curated palettes and 50 font pairings, enabling rapid theme creation and consistent data visualization.

Can I use Tailwind and shadcn/ui with this UI design system approach?▼

Yes, you can use Tailwind and shadcn/ui with this UI design system approach, as both are explicitly supported stacks for applying style guidelines and component patterns.

Does this approach include accessibility guidelines for mobile apps built with SwiftUI or React Native?▼

Yes, this approach includes accessibility guidelines for mobile apps built with SwiftUI or React Native, delivering structured design systems with spacing and accessibility considerations.

Why does my UI component behavior become inconsistent across web and mobile stacks?▼

UI component behavior becomes inconsistent across web and mobile stacks without a unified design system that standardizes typography, color, spacing, and component patterns for documentation and implementation.