ui-ux-pro-max

Generate design-system artifacts with patterns, colors, typography, and accessibility guidance.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/KaiBoo404/agent-skills-with-project-template --skill ui-ux-pro-max-kaiboo404
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/KaiBoo404/agent-skills-with-project-template/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/KaiBoo404/agent-skills-with-project-template --skill ui-ux-pro-max-kaiboo404

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX Pro Max provides structured design guidance and reusable design-system artifacts to accelerate decision-making and ensure consistency across teams.

Core Features & Use Cases

  • 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 technology stacks, with prioritized recommendations.
  • Workflow guidance: analyze requirements, generate a design system, and apply domain-specific guidance for accessibility, layout, typography, and color.
  • Use cases include web dashboards, marketing sites, landing pages, admin panels, and mobile apps.

Quick Start

Provide a complete design-system recommendation for a SaaS dashboard project using UI-UX Pro Max guidelines.

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 for a web dashboard?▼

Generate a design system for a web dashboard by analyzing project requirements to produce prioritized recommendations for patterns, color palettes, typography pairings, and accessibility guidelines. This delivers a structured, reusable design-system artifact for consistent dashboard implementation.

What is the best way to ensure accessibility in UI design?▼

The best way to ensure accessibility in UI design is to apply domain-specific guidance covering accessibility, layout, typography, and color. This provides prioritized recommendations based on 99 UX guidelines to meet compliance standards across web and mobile projects.

Can I get typography and color recommendations for a SaaS landing page?▼

You can get typography and color recommendations for a SaaS landing page by applying multi-domain search across 97 color palettes and 57 font pairings. This delivers a final design-system artifact with prioritized style guidance for marketing sites.

Does this UI guidance work for both mobile apps and admin panels?▼

This UI guidance works for both mobile apps and admin panels by providing structured design recommendations across 9 technology stacks. It delivers reusable design-system artifacts including patterns, colors, and typography tailored for multi-domain projects.

How do I choose a color system for a marketing site?▼

Choose a color system for a marketing site by evaluating prioritized recommendations across 97 color palettes. This generates a structured color-system artifact that ensures visual consistency and aligns with accessibility requirements for your specific domain.

What UX patterns are recommended for admin panel design?▼

Recommended UX patterns for admin panel design include 25 chart types and structured layout guidance across 9 technology stacks. This provides prioritized style guidance and a final design-system artifact to accelerate consistent admin panel development.