skills.rest
mpsuesser
mpsuesserCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-improvement

Review frontend interfaces for hierarchy, typography, layout, color, accessibility, and missing UI states.

Updated Mar 12, 2026
Search Tags:#accessibility#design system#ui/ux audit#frontend polish#product UI#interaction hierarchy#stack-aware guidance
One-click install
npx skills add https://github.com/mpsuesser/workspace --skill ui-ux-improvement-mpsuesser
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-improvement
Source: https://github.com/mpsuesser/workspace/tree/main/dotconfig/pi/agent/skills/ui-ux-improvement
Command: npx skills add https://github.com/mpsuesser/workspace --skill ui-ux-improvement-mpsuesser

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

It helps teams diagnose and fix interface quality issues—like unclear hierarchy, inconsistent components, weak accessibility, and drift from product taste—so users can complete tasks faster and feel confident in the product.

Core Features & Use Cases

  • Design-doctrine review: Uses Impeccable references for critique, quality bar, and review protocol (not as a stack-specific workflow).
  • Stack-aware guidance: Detects the frontend implementation stack and prioritizes architecture-correct recommendations (e.g., Foldkit model/update/view vs React conventions vs plain HTML/CSS).
  • Two practical operating modes: Runs a large redesign/rescue pass with system-first primitives, or a continuous improvement review that returns focused findings and improvement proposals.

Quick Start

Use ui-ux-improvement to audit and redesign a specific frontend surface by describing what the user is trying to do and what feels wrong about the current experience.

Frequently Asked Questions about ui-ux-improvement

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I run a UI/UX audit on an existing frontend interface?▼

Improve unclear hierarchy, inconsistent components, and weak accessibility by applying design doctrine and stack-correct implementation guidance that diagnoses interface quality issues and drift from product taste.

Can I get stack-aware UI/UX guidance for React or plain HTML/CSS projects?▼

Run a continuous improvement review that returns focused findings and improvement proposals, or execute a large redesign rescue pass using system-first primitives across any UI technology surface.

What is the best way to fix accessibility and interaction hierarchy issues in a product UI?▼

Use the continuous improvement review mode to return focused findings and improvement proposals, ensuring recommendations match your project's frontend stack across any UI technology surface.

Does a UI/UX redesign rescue pass work across any frontend technology surface?▼

A redesign rescue pass works across any UI technology surface by applying system-first primitives, returning architecture-correct recommendations for hierarchy, typography, layout, color, accessibility, and missing UI states.

Related Skills

Explore More Design & Creative Skills→
mahou-labsmahou-labs
1

critique

Evaluate UI design quality across hierarchy, IA, emotion, and accessibility.

Official
Advanced
Bigalan09Bigalan09
1

critique

Evaluate user interface designs and deliver prioritized UX critique recommendations.

Community
Advanced
SunS1eep1ngSunS1eep1ng

ui-ux-pro-max

Generate UI/UX design systems with role-specific guidance and stack-aware frontend implementation.

Community
Advanced
zm2231zm2231

prototype-review

Review prototypes, wireframes, and mockups for usability, accessibility, and design consistency.

Community
Advanced