skills.rest
GenEducation
GenEducationOFFICIAL
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generates UI/UX recommendations for web and mobile interfaces including accessibility review and responsive layout.

Updated Mar 30, 2026
Search Tags:#typography#accessibility#design system#ui design#responsive layout#ux review
One-click install
npx skills add https://github.com/GenEducation/GenedUIProject --skill ui-ux-pro-max-geneducation
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/GenEducation/GenedUIProject/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/GenEducation/GenedUIProject --skill ui-ux-pro-max-geneducation

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill removes guesswork from UI and UX work by turning vague design tasks into clear, practical guidance for building better interfaces. It helps teams improve visual quality, interaction patterns, accessibility, and responsive behavior without starting from scratch.

Core Features & Use Cases

  • Design system guidance: Recommends styles, colors, typography, spacing, and component direction for web and mobile products.
  • UX quality review: Flags accessibility, touch targets, navigation, forms, animation, and layout issues that affect usability.
  • Implementation support: Uses the included search scripts to surface stack-aware best practices and design recommendations for projects like dashboards, landing pages, SaaS apps, and mobile apps.
  • Use case: A product team can use this Skill to review a Next.js admin dashboard, choose a cohesive visual style, and fix usability issues before launch.

Quick Start

Use ui-ux-pro-max to review my interface and recommend the best layout, visual style, typography, color palette, and accessibility improvements.

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 review my UI design for accessibility and UX issues?▼

To review your UI design for accessibility and UX issues, you can evaluate touch targets, navigation, forms, and layout patterns to flag usability problems affecting overall interaction quality.

What is the best way to choose a visual style and typography for a web application?▼

The best way to choose a visual style and typography for a web application is to match design system guidance that recommends colors, spacing, and component direction for cohesive products.

How do I improve responsive layout and component refinement for mobile interfaces?▼

Improve responsive layout and component refinement for mobile interfaces by applying stack-aware best practices that address screen adaptation, touch interactions, and visual hierarchy.

Can I get UX recommendations for a Next.js admin dashboard before launch?▼

Yes, you can get UX recommendations for a Next.js admin dashboard by searching stack-aware best practices to refine page layouts, form interactions, and data visualization patterns.

Does this design system guidance work for both web and mobile products?▼

Yes, this design system guidance works for both web and mobile products by providing tailored recommendations for component direction, visual styles, and responsive behavior across platforms.

What are the limitations of using automated UX reviews for interface design?▼

Limitations of automated UX reviews include relying on deterministic search-backed recommendations to identify broad accessibility and layout issues rather than conducting deep qualitative user testing.

Related Skills

Explore More Design & Creative Skills→
hanzlahabibhanzlahabib
2

rcode-layla-designer

Design UX plans, interface states, and design-system decisions for product screens.

Community
Advanced
Italo520Italo520

identidade-visual

Standardize color, typography, spacing, and component styling for Next.js Tailwind frontends.

Community
Basic
michalstanieckomichalstaniecko

frontend-design

Standardize SCSS, Tailwind, and Bootstrap styling for WordPress themes.

Community
Intermediate
zivtechzivtech

ui-critic

Evaluate UI designs and live web interfaces for usability and WCAG 2.1 AA accessibility.

Official
Advanced