skills.rest
KARENLHAO
KARENLHAOCOMMUNITY
Explore all skills by this author →
GitHub

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

Related Skills

Explore More Design & Creative Skills→
RishabhupadhyaRishabhupadhya

ui-ux-pro-max

Generate a UI/UX design system with MASTER.md and page overrides.

Community
Advanced
istinataFTSistinataFTS
2

ui-ux-pro-max

Provide UI/UX design guidelines, styles, color palettes, and typography pairings for web and mobile apps.

Community
Advanced
jlawsjlaws
2

agent-frontend-engineer

Design accessible, responsive UI components for frontend frameworks like React, Next.js, and Vue.

Community
Advanced
intrusive-memoryintrusive-memory
5

ui-ux-pro-max

Search UI/UX design data for style guides, palettes, and stack guidelines.

Official
Advanced