skills.rest
gleeb
gleebCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate accessible design-system guidance and review criteria for web and mobile interfaces.

Updated Aug 27, 2026
Search Tags:#typography#accessibility#responsive design#design system#color palette#ui ux#component review
One-click install
npx skills add https://github.com/gleeb/ai-registry --skill ui-ux-pro-max-gleeb
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/gleeb/ai-registry/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/gleeb/ai-registry --skill ui-ux-pro-max-gleeb

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill removes guesswork from UI/UX decisions by providing a structured, priority-based checklist and design-system workflow to ensure interfaces look professional, feel consistent, and remain accessible across web and mobile.

Core Features & Use Cases

  • Accessibility-first UI review: Validates contrast, focus states, keyboard navigation, ARIA labeling, and reduced-motion requirements.
  • Touch, interaction, and responsiveness guidance: Ensures minimum touch targets, clear loading/error feedback, and mobile-first layout rules.
  • Style, typography, color, and charts recommendations: Selects cohesive visual patterns, semantic color tokens, type pairings, and accessible data-visualization practices.
  • Design system generation workflow: Runs search queries to produce a reusable design system with Master + page override support.

Quick Start

Use the UI/UX Pro Max skill to design a new dashboard by running the design-system generator with a query like "SaaS dashboard" and your project name, then apply the returned pattern, colors, and typography while following the accessibility and interaction checklists.

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 ensure my responsive web design meets accessibility requirements?▼

Accessibility-first UI review validates contrast, focus states, keyboard navigation, ARIA labeling, and reduced-motion requirements. It provides a structured checklist ensuring interfaces remain accessible across web and mobile platforms.

What is the best way to generate a reusable design system for a SaaS dashboard?▼

Use a design system generation workflow running search queries like "SaaS dashboard" to produce a reusable design system with Master and page override support, returning cohesive patterns, colors, and typography.

How do I validate touch interaction and responsiveness for mobile UI components?▼

Touch and responsiveness guidance ensures minimum touch targets, clear loading and error feedback, and mobile-first layout rules. This validates mobile UI components for proper interaction and responsive behavior.

Can I use this for refactoring chart-heavy screens with semantic color tokens?▼

Yes, it selects cohesive visual patterns, semantic color tokens, type pairings, and accessible data-visualization practices. This applies to implementing and refactoring UI components for chart-heavy screens.

Does this work for both web and mobile interactive interfaces?▼

Yes, it applies to designing, refactoring, and implementing UI components and pages for both web and mobile products. This includes dashboards, forms, navigation, animations, and chart-heavy screens.

Why does my UI component review fail style consistency and typography checks?▼

Style and typography recommendations enforce cohesive visual patterns and type pairings. Failing these checks indicates inconsistent semantic color tokens or typography choices that violate design system rules.

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
bejranondabejranonda
27

gui-design-principles

Define GUI design principles covering layout, typography, color, accessibility, and responsive design.

Community
Basic
nidhalboumaiza-0nidhalboumaiza-0

frontend-design

Convert UI style requirements into frontend code with a tokens-first design system.

Community
Advanced
Rikinshah787Rikinshah787
5

ux-guru

Audit UI/UX designs for WCAG 2.1 AA accessibility compliance.

Community
Intermediate