skills.rest
wanyusheng63-alt
wanyusheng63-altCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate UI/UX design systems with patterns, color palettes, and typography.

Updated May 3, 2026
Search Tags:#typography#a11y#ui-ux#design-system#pattern-library#color-palette#design-research
One-click install
npx skills add https://github.com/wanyusheng63-alt/vocab-learn --skill ui-ux-pro-max-wanyusheng63-alt
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/wanyusheng63-alt/vocab-learn/tree/main/.codebuddy/skills/ui-ux-pro-max
Command: npx skills add https://github.com/wanyusheng63-alt/vocab-learn --skill ui-ux-pro-max-wanyusheng63-alt

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Designers and teams struggle to assemble consistent UI/UX systems from scattered resources.

Core Features & Use Cases

  • 67 styles, 96 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 13 technology stacks, all searchable and prioritized for quick decision-making.
  • Centralized design system guidance with deterministic recommendations and page-specific overrides.
  • Use cases include rapid design exploration, consistency enforcement, and design-system generation for new projects.

Quick Start

Describe your design goal to generate a complete UI/UX design system with patterns, colors, and typography.

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 new project?▼

To generate a UI/UX design system, describe your design goal to receive deterministic recommendations for patterns, color palettes, and typography. This provides a centralized, searchable knowledge base for rapid design exploration and consistency enforcement.

What is the best way to find UI patterns and color palettes across multiple technology stacks?▼

Finding UI patterns and color palettes across multiple technology stacks is done through a multi-domain search across 13 stacks. This returns prioritized, data-driven design guidance covering 96 color palettes, 57 font pairings, and 67 styles for quick decision-making.

Can I get page-specific overrides for typography and accessibility guidelines?▼

Yes, page-specific overrides for typography and accessibility guidelines are supported. The system provides deterministic outputs and clear styling recommendations tailored to individual page requirements while maintaining your overall design system.

Does the design system guidance include UX guidelines for data visualization and charts?▼

Design system guidance includes UX guidelines for data visualization, featuring 25 chart types within its searchable knowledge base. These are prioritized alongside 99 UX guidelines to inform interface decisions quickly and consistently.

How do I apply font pairings and design research to ensure accessibility in my UI?▼

Applying font pairings and design research for accessibility involves using the structured knowledge base of 57 font pairings and 99 UX guidelines. This ensures your UI meets accessibility requirements through data-driven, deterministic styling recommendations.

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
Italo520Italo520

identidade-visual

Standardize color, typography, spacing, and component styling for Next.js Tailwind frontends.

Community
Basic
PriyanshuSingh06PriyanshuSingh06

react:components

Convert Stitch designs into React components with Atomic Design and AST validation.

Community
Intermediate
tan-yong-shengtan-yong-sheng
4

ui-ux-designer

Create interface designs, wireframes, and design systems with accessibility standards.

Community
Advanced