skills.rest
Chieji
ChiejiCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate design-system-ready plans from styles, palettes, typography, and UX guidelines.

Updated May 25, 2026
Search Tags:#typography#ui#accessibility#ux#design-system#color-palette
One-click install
npx skills add https://github.com/Chieji/my-skills --skill ui-ux-pro-max-chieji
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Chieji/my-skills/tree/main/ui-ux-pro-max
Command: npx skills add https://github.com/Chieji/my-skills --skill ui-ux-pro-max-chieji

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX Pro Max helps teams standardize design decisions across web and mobile apps by providing a centralized intelligence for styles, color palettes, typography, UX guidelines, and component patterns.

Core Features & Use Cases

  • 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks.
  • Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code.
  • Use cases: plan UI structure, select components, choose color/typography, audit UI code for accessibility and consistency, and align cross-platform patterns.
  • Example: Provide a dashboard design system for a SaaS product.

Quick Start

Describe your project and I will generate a complete UI/UX design system tailored to your 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/UX design system for a SaaS product?▼

To generate a consistent UI/UX design system, describe your SaaS project and stack. The system synthesizes styles, color palettes, typography, and UX guidelines into a tailored, scalable component library plan for web and mobile products.

What is the best way to choose accessible color palettes and typography for my web app?▼

The best way to choose accessible color palettes and typography is to leverage an aggregated intelligence of 161 color palettes and 57 font pairings. It synthesizes these options into recommendations that ensure accessible interfaces and coherent styles.

Can I audit existing UI code for accessibility and consistency?▼

Yes, you can audit existing UI code for accessibility and consistency. By applying the review, fix, and check actions, the system evaluates your code against 99 UX guidelines to identify and optimize alignment with cross-platform patterns.

Does this UI/UX guidance support both web and mobile product stacks?▼

Yes, this UI/UX guidance supports both web and mobile product stacks. It applies scalable component libraries and coherent styles across 161 product types spanning 10 different stacks to fulfill cross-platform design requirements.

How do I plan a UI structure using specific chart types and components?▼

To plan a UI structure, provide your dashboard or product requirements. The system selects from 25 chart types and aggregated component patterns to output a design-system-ready plan tailored to your specific stack.

Related Skills

Explore More Design & Creative Skills→
matheus3301matheus3301

product-discovery

Guide structured product discovery and generate a JSON PRD.

Community
Intermediate
omeraltnomeraltn

agency-ui-designer

Create design tokens, component specs, and WCAG AA accessibility guidance.

Community
Advanced
pavegpaveg
2

ui-design-standards

Enforce UI design standards across frontend projects with theme tokens and component architecture.

Community
Advanced
IFIR649IFIR649

visual-design-foundations

Build cohesive visual design systems with typography, color, spacing, and iconography tokens.

Community
Advanced