ui-ux-pro-max

Generate design systems with palettes, typography, and accessibility guidelines for web and mobile projects.

Updated Feb 2, 2026
One-click install
npx skills add https://github.com/kimmyxpow/focus --skill ui-ux-pro-max-kimmyxpow
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/kimmyxpow/focus/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/kimmyxpow/focus --skill ui-ux-pro-max-kimmyxpow

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill consolidates UI/UX guidance, pattern recommendations, and design-system decisions to accelerate consistent, accessible product design across web and mobile projects.

Core Features & Use Cases

  • Comprehensive design intelligence: 50+ styles, color palettes, font pairings, and UX guidelines across multiple technology stacks.
  • Interoperable with design workflows: generate palettes, typography pairings, component patterns, and accessibility checks for websites and apps.
  • Use Case: When kicking off a new product, generate a cohesive design system, component catalog, and interaction guidelines to speed up planning and handoff.

Quick Start

Prompt the skill to generate a complete design system by specifying product type, style keywords, and constraints, then follow the design-system workflow described in its documentation.

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 complete design system for a new web or mobile project?

To generate a design system, prompt the skill with your product type, style keywords, and constraints. It outputs cohesive color palettes, typography pairings, and component patterns to accelerate planning and handoff.

What is the best way to ensure UI components meet accessibility guidelines?

Ensure accessibility by applying the skill's built-in accessibility checks during component planning and review. It provides specific UX guidelines to enforce consistent and accessible product design across web and mobile platforms.

Can I use this to get font pairings and color palettes for different technology stacks?

Yes, you can use this to get font pairings and color palettes. It provides comprehensive design intelligence covering 50+ styles across multiple technology stacks for web and mobile applications.

Does this UI/UX guidance work for both mobile and web projects?

Yes, this UI/UX guidance works for both mobile and web projects. It applies across multiple stacks to enable planning, building, reviewing, and refining components, palettes, and typography for both platforms.

How do I plan and review interaction guidelines for a product catalog?

Plan and review interaction guidelines by prompting the skill to generate a component catalog and UX rules based on your product type. It consolidates pattern recommendations to speed up consistent design decisions.

Do I need any specific design software to use this AI-assisted design guidance?

No specific design software is required to use this AI-assisted design guidance. It operates interoperably within your design workflows by generating system decisions, palettes, and typography directly through prompts.