ui-ux-pro-max

Generates searchable UI/UX design systems with layout, color, and typography specifications.

1|Updated Feb 2, 2026

Search Tags:#typography #ui #charts #ux #design-system #styles #palettes

Ready to run

npx skills add https://github.com/KARENLHAO/skills --skill ui-ux-pro-max-karenlhao

💬 Prompt for ChatGPT / Claude Chat▼

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Streamline UI/UX planning by aggregating styles, palettes, typography, charts, and stack guidelines into a searchable design system generator and reference.

Core Features & Use Cases

Searchable database of UI styles, color palettes, font pairings, chart types, product recommendations, UX guidelines, and stack-specific best practices.
Follow a structured workflow: analyze requirements, search domains (product, style, typography, color, landing, chart, ux, prompt), and synthesize results into actionable design decisions.
Use cases include crafting dashboards, websites, landing pages, or SaaS systems with consistent UI language and accessible patterns.

Quick Start

Ask the system to generate a complete UI/UX design system for your dashboard by describing your product goals and constraints.

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 UI design system for a React or Next.js dashboard?▼

To generate a UI design system for a dashboard, describe your product goals and constraints to consolidate UI styles, color palettes, typography, and chart guidelines into searchable, stack-aware implementation patterns for React or Next.js.

Can I find accessible UX guidelines and font pairings for a SaaS landing page?▼

Yes, you can find accessible UX guidelines and font pairings for a SaaS landing page by searching the consolidated database of typography, styles, and UX best practices to streamline your interface decisions.

What is the best way to choose color palettes and chart types for a mobile app?▼

The best way to choose color palettes and chart types for a mobile app is to search the consolidated design system reference, which synthesizes domain-specific styles and accessible patterns into actionable design decisions.

Does this UI design system reference work with plain HTML and Vue?▼

Yes, this UI design system reference works with plain HTML and Vue, providing stack-specific guidelines and implementation patterns across major frameworks to ensure consistent UI language for websites and apps.

How do I search for specific UI styles and typography for my website?▼

You search for specific UI styles and typography by analyzing your requirements and querying domains like style, typography, color, landing, and chart to synthesize results into actionable design decisions for your website.

When should I use a searchable design system generator for interface decisions?▼

You should use a searchable design system generator when you need to streamline UI/UX planning for dashboards or marketing pages, aggregating styles, palettes, and stack guidelines to ensure consistent and accessible interface decisions.