skills.rest
kellyson520
kellyson520COMMUNITY
Explore all skills by this author →
GitHub

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

Related Skills

Explore More Design & Creative Skills→
cin12211cin12211
218

ui-ux-pro-max

Query a searchable repository of styles, palettes, fonts, and stack guidelines.

Community
Intermediate
k97k97
4

ui-ux-pro-max

Generate UI/UX design systems with palettes and typography for development stacks.

Community
Advanced
hschnehschne
1

design-principles

Apply named aesthetic philosophies to frontend UI builds and critiques.

Community
Intermediate
semaes111semaes111

ui-ux-pro-max

Generates UI/UX design systems with ASCII box and Markdown outputs.

Community
Advanced