UX Designer

Apply UX design principles to improve UI usability and accessibility.

42|1|Updated Mar 17, 2026
One-click install
npx skills add https://github.com/rar-file/surf --skill ux-designer-rar-file
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: UX Designer
Source: https://github.com/rar-file/surf/tree/main/skills/ux_designer
Command: npx skills add https://github.com/rar-file/surf --skill ux-designer-rar-file

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides structured guidance to improve the usability and accessibility of user interfaces by applying core UX principles and best practices.

Core Features & Use Cases

  • Visual hierarchy and layout: helps establish clear focus, efficient information flow, and consistent alignment.
  • Color theory and typography: enhances readability, brand consistency, and visual appeal.
  • Mobile-first and responsive design: ensures usable experiences across devices and screen sizes.
  • Interaction design and micro-interactions: improves perceived responsiveness and user satisfaction.
  • Information architecture and usability heuristics: supports intuitive navigation and task completion.
  • Accessibility and WCAG alignment: promotes inclusive design for diverse users.

Quick Start

Review a UI mockup or wireframe and provide concrete, actionable design recommendations.

Frequently Asked Questions about UX Designer

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

FAQPage Schema
How do I improve UI usability and accessibility for my web and mobile interfaces?

You can improve UI usability and accessibility by applying core UX design principles such as visual hierarchy, contrast, alignment, and WCAG guidelines to your interface decisions. This provides concrete, actionable feedback on layouts and interactions.

What is the best way to evaluate my wireframe against Nielsen usability heuristics?

Evaluating wireframes against Nielsen usability heuristics involves analyzing information architecture, navigation flow, and interaction patterns to identify usability issues. The process yields actionable recommendations to support intuitive task completion.

How does visual hierarchy and typography affect readability and user focus?

Visual hierarchy and typography affect readability by establishing clear focus, efficient information flow, and consistent alignment. Applying color theory and typographic scale enhances brand consistency and ensures accessible, readable content.

Can I use UX design principles to improve mobile-first and responsive design layouts?

Yes, you can apply UX design principles to improve mobile-first and responsive design layouts. Evaluating interaction patterns and visual scaling ensures usable experiences and accessible interfaces across diverse devices and screen sizes.

Why does my interface lack perceived responsiveness and user satisfaction during interactions?

Your interface may lack perceived responsiveness due to poorly designed interaction flows and missing micro-interactions. Applying UX principles to interaction design improves perceived speed, provides feedback, and increases overall user satisfaction.

When do I need WCAG alignment and accessibility guidelines for my interface design?

You need WCAG alignment and accessibility guidelines whenever you design interfaces to ensure inclusive design for diverse users. Applying these guidelines during layout and color decisions promotes equal access and prevents usability barriers.