skills.rest
beatther
beattherCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

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
One-click install
npx skills add https://github.com/beatther/OhMySkills-antigravity --skill ui-ux-pro-max-beatther
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
moshi-azzmoshi-azz
2

ui-ux-pro-max

Generate UI/UX design systems with guidelines, palettes, and typography for specified tech stacks.

Community
Advanced
ArogyaReddyArogyaReddy

visual-design-foundations

Define typography, color, spacing, and iconography design tokens for web and mobile UI.

Community
Advanced
alongor666alongor666
1

vue-component-dev

Develop Vue 3 components with Pinia stores and ECharts charts.

Community
Intermediate
JadhavAnshJadhavAnsh

ui-ux-pro-max

Generate design system recommendations for web and mobile applications.

Community
Advanced