skills.rest
manhthien2005
manhthien2005COMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Review web and mobile interfaces for accessibility, responsive behavior, and visual consistency.

Updated Jun 8, 2026
Search Tags:#ui#accessibility#responsive design#design system#next.js#tailwind#ux
One-click install
npx skills add https://github.com/manhthien2005/FixNow --skill ui-ux-pro-max-manhthien2005
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/manhthien2005/FixNow/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/manhthien2005/FixNow --skill ui-ux-pro-max-manhthien2005

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps you make better UI, UX, and design system decisions when building or improving web and mobile interfaces, especially when the goal is to increase clarity, usability, accessibility, and visual quality.

Core Features & Use Cases

  • Design system guidance: Choose styles, colors, typography, spacing, and interaction patterns that fit the product type.
  • UI quality review: Check screens for accessibility, responsive behavior, navigation clarity, form feedback, and visual consistency.
  • Implementation support: Improve landing pages, dashboards, admin panels, components, charts, and mobile-friendly layouts with practical UX rules.
  • Use Case: A team is redesigning an admin dashboard and wants the interface to feel more professional, easier to scan, and more accessible across desktop and mobile.

Quick Start

Use the ui-ux-pro-max skill to review this interface and recommend the best layout, color, typography, and interaction improvements for a professional, accessible web experience.

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 and UX quality for a web dashboard?▼

To improve UI and UX quality for a web dashboard, you need recommendations on layout decisions, interaction patterns, and accessibility fixes. This ensures your interface feels professional, is easy to scan, and maintains visual consistency across desktop and mobile views.

What is the best way to choose typography and color for a design system?▼

Choosing typography and color for a design system involves selecting styles and spacing that fit your specific product type. Applying practical UX rules to these choices increases clarity, usability, and visual quality across your reusable components.

How do I fix accessibility and responsive design issues in Next.js?▼

Fixing accessibility and responsive design issues in Next.js requires reviewing screens for navigation clarity and form feedback. Checking these elements ensures your web interface meets accessibility standards and behaves correctly across different devices.

Can I use Tailwind to review visual consistency in mobile interfaces?▼

Yes, you can review visual consistency in mobile interfaces built with Tailwind by evaluating layout decisions and interaction patterns. This process identifies areas needing mobile-friendly improvements to achieve a polished, accessible user experience.

Does this UI review approach work for admin panels and landing pages?▼

Yes, this UI review approach works for admin panels and landing pages by providing implementation support for practical UX rules. It evaluates forms, charts, and navigation clarity to help you ship polished interfaces with confidence.

Related Skills

Explore More Design & Creative Skills→
yu13130122297yu13130122297

scout

Identify uncertainties in research framing, datasets, metrics, and baselines.

Community
Intermediate
sablier-labssablier-labs
9

spec-from-screenshot

Analyzes website screenshots and outputs a structured SPEC.md document.

Official
Intermediate
datamonsterrdatamonsterr

tailwindcss

Configure Tailwind CSS with PostCSS and utility classes for responsive styling.

Community
Advanced
distribucionesfayosmoreno-sysdistribucionesfayosmoreno-sys

ui-visual-validator

Validate UI modifications for visual regression, compliance, and accessibility.

Community
Advanced