skills.rest
empjs
empjsOFFICIAL
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Translate design requirements into structured UI guidelines and design systems.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI/UX Pro Max helps teams convert design thinking into repeatable, scalable guidelines, reducing inconsistencies and decision fatigue across products.

Core Features & Use Cases

  • 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 technology stacks.
  • Provides a design-system framework that maps requirements to patterns, components, typography, color, and accessibility rules for web and mobile apps.
  • Use cases include designing websites, dashboards, admin panels, and mobile apps with a cohesive visual language.

Quick Start

Analyze a design request and generate a design system with patterns, colors, typography, and accessibility rules using the built-in workflow.

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 design system from raw UI requirements?▼

To generate a design system from UI requirements, the Skill automates translation of design requests into structured guidelines, producing patterns, color palettes, typography, and accessibility rules for web and mobile projects.

What is the best way to ensure UI consistency across web and mobile apps?▼

To ensure UI consistency across web and mobile apps, generate a deployable design-system artifact that maps requirements to cohesive component guidelines, color palettes, and typography rules.

Can I use this to build a design system for admin panels and dashboards?▼

Yes, you can use this to build a design system for admin panels and dashboards, as it provides a framework mapping requirements to patterns, components, and accessibility rules for these specific use cases.

How do I choose typography and color palettes for a new design system?▼

To choose typography and color palettes for a new design system, the Skill applies built-in intelligence to select from 97 color palettes and 57 font pairings based on your specific design requirements.

What technology stacks and chart types are supported for UX guidelines?▼

For UX guidelines, the Skill supports 9 technology stacks and provides 25 chart types, alongside 99 UX guidelines to ensure comprehensive coverage for web and mobile projects.

Does this design system generator include accessibility rules?▼

Yes, this design system generator includes accessibility rules, automatically applying them alongside typography and color palette selections to satisfy modular documentation and workflow integration.

Related Skills

Explore More Design & Creative Skills→
Fr-e-dFr-e-d
157

architecture-extract

Analyze project directory structures to generate architectural summaries.

Community
Basic
EdgeHuntEdgeHunt

ck:frontend-design

Translate design tokens and guidelines into functional frontend code.

Official
Intermediate
WeAreBiniWeAreBini
14

design-guide

Guide frontend developers in building consistent UI components for Paperclip.

Official
Intermediate
agnt-ggagnt-gg
512

brand-guidelines

Apply Anthropic brand colors and typography to design artifacts.

Community
Intermediate