skills.rest
jh941213
jh941213COMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate a reusable design system with patterns, colors, and typography.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill provides a structured approach to turning vague UI/UX ideas into a complete, reusable design system with patterns, colors, typography, and accessibility considerations.

Core Features & Use Cases

  • Design System Generator: aggregates multi-domain guidance (style, color, typography, landing, and typography) to produce a cohesive design system.
  • Output Formats: ascii boxed design system summary and markdown documentation ready for documentation or handoff.
  • Use Case: a team needs a consistent dashboard UI across React and Next.js apps; this Skill generates the pattern, color palette, typography, and component guidelines, then creates a Master.md and optional page overrides.

Quick Start

  • Run: python3 skills/ui-ux-pro-max/scripts/search.py "<your query>" --design-system -p "Your Project" --format ascii
  • Then: review the generated master and pages to implement in your codebase.

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 turn scattered UI concepts into a reusable design system?▼

To turn scattered UI concepts into a reusable design system, you aggregate multi-domain guidance covering style, color, typography, and landing patterns to produce a cohesive master design document with optional page overrides.

What is the best way to generate a color palette and typography guidelines for a dashboard UI?▼

Generating a color palette and typography guidelines for a dashboard UI involves aggregating multi-domain design guidance into a structured master document, ensuring consistent patterns and accessibility considerations across your web interfaces.

Can I use this design system generator for React and Next.js admin panels?▼

Yes, you can use this design system generator for React and Next.js admin panels. It generates the patterns, color palettes, typography, and component guidelines needed to maintain a consistent dashboard UI across your web applications.

What output format does the design system generator produce for documentation handoff?▼

The design system generator produces an ASCII boxed design system summary and markdown documentation, outputting a Master.md file and optional page overrides ready for immediate documentation or team handoff.

Do I need external dependencies to run the UI-UX-Pro-Max script?▼

No external dependencies are required to run the UI-UX-Pro-Max script. It operates standalone using its internal scripts to process your query and generate the design system documentation without third-party packages.

Related Skills

Explore More Design & Creative Skills→
Charles5277Charles5277

ui-ux-pro-max

Generate UI/UX design systems and guidelines from multi-domain inputs.

Community
Advanced
anhxuanphamanhxuanpham

ui-ux-pro-max

Generate UI/UX design guidance for frontend interfaces across multiple stacks.

Community
Advanced
damilola-elegbede-orgdamilola-elegbede-org

frontend-design

Generate distinctive frontend interfaces with HTML/CSS/JS prototypes.

Official
Intermediate
zm2231zm2231

style-guide-generator

Generate markdown style guides with token documentation and component catalogs.

Community
Advanced