ui-ux-pro-max

Select layouts, typography, color systems, and accessibility patterns for web and mobile interfaces.

7|1|Updated May 14, 2026
One-click install
npx skills add https://github.com/klarbau/govtech-de --skill ui-ux-pro-max-klarbau
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/klarbau/govtech-de/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/klarbau/govtech-de --skill ui-ux-pro-max-klarbau

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill helps you make web and mobile interfaces look polished, feel intuitive, and meet strong usability standards without guessing at design patterns.

Core Features & Use Cases

  • Design system guidance: Choose appropriate layouts, typography, color systems, spacing, and interaction patterns for products like landing pages, dashboards, admin panels, SaaS apps, and mobile apps.
  • UI quality review: Check accessibility, responsiveness, navigation structure, forms, motion, and visual consistency so interfaces are easier to use and harder to break.
  • Practical application: Use it when a screen feels unprofessional, when you need a better component structure, or when you want to refine a product for mobile-first, accessible, production-ready behavior.

Quick Start

Ask for a UI/UX review of your screen or product idea and include the stack, audience, and desired style so the Skill can recommend a complete design direction.

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 improve UI accessibility and responsiveness for a SaaS dashboard?

Improve UI accessibility and responsiveness by selecting effective layouts, typography, color systems, and touch target patterns. This Skill reviews dashboards and SaaS products to ensure interfaces meet usability standards, mobile-first behavior, and visual consistency across common frontend stacks.

What is the best way to structure forms and navigation for mobile apps?

The best way to structure mobile app forms and navigation is applying appropriate interaction patterns and touch target sizing. This Skill provides structured UI guidance to optimize navigation structures, forms, and motion for mobile-first, accessible, production-ready behavior.

Can I use this to review visual consistency across my admin panel components?

Yes, you can review visual consistency across admin panel components. This Skill checks accessibility, responsiveness, navigation structure, forms, motion, and visual consistency so interfaces are easier to use and harder to break during UI quality reviews.

How do I fix an unprofessional looking landing page?

Fix an unprofessional looking landing page by requesting a UI review and providing the stack, audience, and desired style. This Skill recommends a complete design direction by selecting effective layouts, typography, color systems, and interaction patterns.

Does ui-ux-pro-max work with specific frontend stacks for design refactoring?

Yes, ui-ux-pro-max works with common frontend stacks for design refactoring. It applies structured UI guidance for responsiveness, touch targets, navigation, forms, animation, and visual consistency during design, review, refactor, and optimization tasks.