skills.rest
bonnguyenitc
bonnguyenitcCOMMUNITY
Explore all skills by this author →
GitHub

ux-designer

Identify usability problems in user interfaces and produce prioritized actionable recommendations.

19|2|Updated Mar 21, 2026
Search Tags:#accessibility#wireframing#ui-design#ux#design-review#usability-testing#information-architecture
One-click install
npx skills add https://github.com/bonnguyenitc/antigravity-superpowers --skill ux-designer-bonnguyenitc
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ux-designer
Source: https://github.com/bonnguyenitc/antigravity-superpowers/tree/main/.agent/skills/ux-designer
Command: npx skills add https://github.com/bonnguyenitc/antigravity-superpowers --skill ux-designer-bonnguyenitc

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The UX Designer lens helps teams avoid confusing, fragile, or inaccessible interfaces by identifying usability failures, clarifying hierarchy, and turning observations into prioritized, implementable design changes.

Core Features & Use Cases

  • Design reviews & heuristics: Surface visual hierarchy issues, competing CTAs, and anti-patterns during critique sessions.
  • Wireframing & information architecture: Recommend primary actions, navigation simplifications, and layout adjustments to match the user's job-to-be-done.
  • Usability testing synthesis: Convert small-sample user research into the top usability problems and quick experiments to validate fixes.
  • Accessibility & platform guidance: Check contrast ratios, touch target sizes, and platform conventions for mobile, web, and desktop.
  • Use Case: Given a mobile onboarding flow, produce a prioritized list of usability issues, suggested interface changes with target sizes/contrast, and a short plan for validation with 5 users.

Quick Start

Use the ux-designer skill to review the provided screen and return a prioritized list of usability issues, accessibility violations, and specific recommended design changes.

Frequently Asked Questions about ux-designer

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

FAQPage Schema
How do I identify usability problems in a user interface?▼

To identify usability problems in a user interface, evaluate visual hierarchy, competing CTAs, and anti-patterns. A UX design review surfaces these issues and translates observations into prioritized, implementable design changes.

Can I check accessibility contrast ratios and touch target sizes for mobile platforms?▼

Yes, you can check accessibility contrast ratios and touch target sizes for mobile, web, and desktop platforms. This process validates platform conventions and produces specific interface adjustments to meet accessibility standards.

What is the best way to synthesize usability testing findings?▼

The best way to synthesize usability testing findings is to convert small-sample user research into a prioritized list of top usability problems. This approach yields specific design changes and quick experiments to validate the fixes.

How do I improve information architecture during wireframing?▼

To improve information architecture during wireframing, analyze the user's job-to-be-done to recommend primary actions and navigation simplifications. This clarifies layout adjustments and ensures the interface solves actual user needs.

When do I need a UX design review for my web application?▼

You need a UX design review for your web application when aiming to avoid confusing, fragile, or inaccessible interfaces. It evaluates interaction design and visual hierarchy to produce actionable, prioritized design changes.

Related Skills

Explore More Design & Creative Skills→
camilooscargbaptistacamilooscargbaptista
7

ux-review

Evaluate UI mockups for usability, accessibility, and interaction issues, producing prioritized recommendations.

Community
Intermediate
vigneshksaithalvigneshksaithal

critique

Identify usability and design issues across products and prototypes.

Community
Advanced
inbharataiinbharatai
22

wireframe-builder

Generate low-fidelity wireframes and user-flow diagrams with interaction annotations.

Community
Basic
pradeepmoulipradeepmouli

axiom-accessibility-diag

Diagnose and remediate accessibility issues in iOS and macOS apps.

Community
Advanced