skills.rest
mchien15
mchien15COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate UI/UX design systems with styles, colors, typography, and accessibility guidance.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX Pro Max provides AI-powered UI/UX design intelligence to accelerate the creation of cohesive design systems, styles, and accessibility practices across web and mobile projects.

Core Features & Use Cases

  • Access 50+ styles, 21 color palettes, 50 font pairings, 20 chart types, across 9 technology stacks to assemble tailored design systems.
  • Generate style guides, component patterns, color strategies, and typography decisions for websites, dashboards, apps, and marketing pages.
  • Apply UX best practices, accessibility checklists, and responsive guidelines to deliver production-ready UI.

Quick Start

Provide a complete design system for a specified product context, such as a fintech dashboard.

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 create a complete UI/UX design system for a web or mobile app?▼

Create a complete UI/UX design system by inputting your product context to generate structured outputs for color palettes, typography, layout patterns, and component styles. This process assembles tailored design systems across 9 technology stacks to accelerate design execution.

What's the best way to choose color palettes and font pairings for a dashboard?▼

Choosing color palettes and font pairings for a dashboard involves selecting from 21 color strategies and 50 font pairings. The system applies UX best practices to generate style guides and typography decisions tailored to your specific product context.

Can I apply accessibility guidelines and responsive rules to my component system?▼

You can apply accessibility guidelines and responsive rules to your component system by utilizing built-in UX checklists. The tool integrates these best practices directly into the generated component patterns to deliver production-ready UI.

Does this UI/UX design tool support generating styles across multiple technology stacks?▼

This UI/UX design tool supports generating styles across 9 technology stacks. It produces structured implementation notes and component systems tailored to your specified stack, ensuring cohesive design execution for websites, dashboards, and apps.

How do I generate a style guide and component patterns for a marketing page?▼

Generate a style guide and component patterns for a marketing page by providing the page context as input. The system outputs structured styles, color strategies, and typography decisions from its library of 50+ styles to accelerate your design workflow.

Related Skills

Explore More Design & Creative Skills→
takemo101takemo101

basic-design-writer

Generate foundational system design documents in Japanese with Mermaid diagrams.

Community
Intermediate
ChiejiChieji

ui-ux-pro-max

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

Community
Advanced
carlosamesarcarlosamesar
1

gd-prototype

Generate UI/UX prototypes from Figma designs or code snippets.

Community
Intermediate
StonelukasStonelukas

ui-ux-pro-max

Search UI/UX guidelines across nine stacks to assemble design systems.

Community
Advanced