ui-ux-pro-max

Generate UI/UX guidance for color, typography, layout, and accessibility across multiple stacks.

1|Updated Jan 25, 2026

Search Tags:#typography #design #ui #accessibility #ux #style-guide #color-palette

Ready to run

npx skills add https://github.com/kellyson520/TG-ONE --skill ui-ux-pro-max-kellyson520

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/kellyson520/TG-ONE/tree/main/.agent/skills/ui-ux-pro-max
Command: npx skills add https://github.com/kellyson520/TG-ONE --skill ui-ux-pro-max-kellyson520

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Design teams spend excessive time selecting consistent UI patterns, color palettes, typography, and accessibility rules across multiple platforms. This Skill centralizes guidance into a searchable, multi-stack design brain to accelerate decision-making.

Core Features & Use Cases

Comprehensive design intelligence: 50+ styles, 21 color palettes, 57 font pairings, 20 chart types, and 9 technology stacks.
Unified guidance for color, typography, layout, accessibility, and component usage across web and mobile apps.
Use Case: create cohesive UI systems for dashboards, marketing sites, SaaS apps, and mobile experiences with consistent UX patterns.

Quick Start

To begin, request a design plan for your product and have UI/UX options generated across your chosen stack.

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 consistent UI style guide for a SaaS dashboard?▼

To generate a UI style guide for a SaaS dashboard, describe your product context to receive cohesive color palettes, typography pairings, responsive layouts, and accessibility rules. This centralizes design decisions into a unified system for web interfaces.

Can I get UI/UX design guidance for React and React Native apps?▼

Yes, you can get UI/UX design guidance for React and React Native apps. Provide your product requirements to receive component usage rules, accessible contrast ratios, and typography pairings tailored specifically for these frameworks.

What is the best way to ensure accessible color contrast in web design?▼

The best way to ensure accessible color contrast in web design is to apply generated color palettes that strictly follow accessible contrast rules. This guarantees your UI components meet accessibility standards while maintaining visual consistency.

Does this design system support typography pairing for SwiftUI and Flutter?▼

Yes, this design system supports typography pairing for SwiftUI and Flutter. It provides 57 font pairings and component usage guidance across nine technology stacks, including mobile frameworks like SwiftUI and Flutter.

How do I choose a cohesive color palette for a marketing landing page?▼

To choose a cohesive color palette for a marketing landing page, request design options across 21 color palettes and 50 styles. This generates tailored color schemes and layout patterns that fit your marketing context.

Why use a centralized design brain for multi-stack UI development?▼

Use a centralized design brain for multi-stack UI development to eliminate excessive time spent selecting consistent patterns across platforms. It accelerates decision-making by providing searchable style guidance for web and mobile apps.