skills.rest
MaxKlat29
MaxKlat29COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Create UI/UX design systems and review interfaces for accessibility and consistency.

Updated Apr 12, 2026
Search Tags:#design#ui#accessibility#style guide#prototyping#component#ux
One-click install
npx skills add https://github.com/MaxKlat29/claude-setup --skill ui-ux-pro-max-maxklat29
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/MaxKlat29/claude-setup/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/MaxKlat29/claude-setup --skill ui-ux-pro-max-maxklat29

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Designers and developers struggle to create consistent, accessible, and effective user interfaces that meet modern standards and user expectations.

Core Features & Use Cases

  • Design Guidance: Provides detailed styles, color palettes, font pairings, and component recommendations for web and mobile projects.
  • UI Review & Optimization: Assists in evaluating existing interfaces for UX quality, accessibility, and visual coherence.
  • Component Planning: Helps in designing and refactoring UI elements like buttons, modals, and charts with best practices.
  • Style Adaptation: Facilitates adopting styles such as glassmorphism, brutalism, minimalism, and dark mode across platforms.
  • Use Case: When building a dashboard or landing page, generate tailored design patterns and style guides aligned with your product goals.

Quick Start

Ask the AI to generate a style guide for your project, including color schemes, typography, and UI components, based on your target audience and aesthetic preferences.

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 create a UI style guide for web and mobile platforms?▼

To create a UI style guide, request design guidance covering color palettes, font pairings, and component recommendations tailored to your target audience and aesthetic preferences. This generates tailored design patterns aligned with your product goals for consistent web and mobile interfaces.

Can I review my existing interface for accessibility and UX consistency?▼

You can review existing interfaces by requesting a UI evaluation for accessibility, visual coherence, and UX quality. This assesses your design against modern aesthetic standards and usability guidelines, identifying areas for optimization across web and mobile platforms.

What's the best way to design UI components like buttons and modals with best practices?▼

The best way to design UI components is to request component planning for elements like buttons, modals, and charts. This provides recommendations based on UX best practices, ensuring your UI elements are consistent, accessible, and effective for both web and mobile.

Does this approach support adapting styles like glassmorphism, minimalism, and dark mode?▼

Adapting styles like glassmorphism, brutalism, minimalism, and dark mode is fully supported. You can request style adaptation to apply these visual treatments across your web and mobile platforms while maintaining usability guidelines and accessibility standards.

Do I need prerequisite design files to generate a style guide?▼

No prerequisite design files are required to generate a style guide. You simply provide your target audience details and aesthetic preferences, and the system outputs tailored color schemes, typography pairings, and UI components for your project.

Why does my UI lack visual coherence across different product screens?▼

Your UI lacks visual coherence when it does not adhere to a comprehensive design system. Evaluating your interface for consistency and applying standardized component design and style guidelines resolves this fragmentation across web and mobile platforms.

Related Skills

Explore More Design & Creative Skills→
iJosueehiJosueeh

design-brief-builder

Guide a structured design interview and generate a Design-Brief.md document.

Community
Advanced
ChiejiChieji

ui-ux-pro-max

Generate design-system-ready plans from styles, palettes, typography, and UX guidelines.

Community
Advanced
bingggbinggg
1

ui-design

Create frontend UI design specifications covering color, typography, layout, and accessibility.

Community
Advanced
jeannotlemaire-uxjeannotlemaire-ux

design-taste-frontend-v1

Preserve v1 taste-skill behavior with design and engineering directives.

Community
Advanced