skills.rest
Choco-emmm
Choco-emmmCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

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

7|Updated May 8, 2026
Search Tags:#typography#design#ui#accessibility#ux#design-system
One-click install
npx skills add https://github.com/Choco-emmm/MoodCopilot --skill ui-ux-pro-max-choco-emmm
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Choco-emmm/MoodCopilot/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Choco-emmm/MoodCopilot --skill ui-ux-pro-max-choco-emmm

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX design guidance and a scalable design-system blueprint that consolidates 67 styles, 96 color palettes, 57 font pairings, 25 chart types across 13 stacks, enabling faster, cohesive product design.

Core Features & Use Cases

  • Comprehensive design system with searchable palettes, typography tokens, and component patterns.
  • Cross-stack compatibility across HTML, React, Vue, Svelte, SwiftUI, and more.
  • Ready-to-implement design outputs for web and mobile interfaces, including accessibility considerations.

Quick Start

Describe your project goals and constraints to generate a complete UI/UX design system ready for implementation.

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 scalable design system blueprint for web and mobile stacks?▼

Generate a scalable design system blueprint by inputting project goals and constraints to produce cohesive typography, color palettes, and component patterns ready for implementation across web and mobile stacks.

Can I use this UI design guidance for React, Vue, and Svelte projects?▼

Yes, the UI design guidance provides cross-stack compatibility, offering implementation-ready guidelines and component patterns for HTML, React, Vue, Svelte, and SwiftUI environments.

What is included in a generated UI/UX design system?▼

A generated UI/UX design system includes searchable color palettes, typography tokens, 57 font pairings, 25 chart types, motion guidelines, and component patterns with accessibility considerations.

How do I ensure accessibility is covered in my UI design system?▼

Ensure accessibility in your UI design system by applying the built-in accessibility considerations provided alongside color, typography, and component pattern recommendations during the generation process.

Does this design system generation support early planning and design reviews?▼

Yes, the design system generation applies to early planning and design reviews, providing structured outputs and domain-specific recommendations to speed up cohesive product design.

Related Skills

Explore More Design & Creative Skills→
AesopScottAesopScott
1

design-experience-plus-plus

Generate website and product surface designs using MAPS M8 Experience Design.

Community
Advanced
hookvibehookvibe
3

ui-ux-pro-max

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

Official
Basic
Higashi-KotaHigashi-Kota

ui-component

Build accessible React UI components with design tokens and ARIA patterns.

Community
Advanced
Michal-J-KolodziejMichal-J-Kolodziej

ui-ux

Generate UI/UX design systems with style libraries, palettes, typography, and guidelines.

Community
Advanced