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.