Agent skill

ux-audit

Perform comprehensive UX audits on pages, components, or features. Use when the user asks to "audit UX", "review usability", "evaluate the interface", "UX review", or wants a systematic evaluation of user experience quality.

Stars 232
Forks 15

Install this agent skill to your Project

npx add-skill https://github.com/aiskillstore/marketplace/tree/main/skills/dami-randle/ux-audit

SKILL.md

UX Audit Skill

Perform systematic UX audits using Nielsen's heuristics and UX best practices.

When to Use

  • Reviewing a page or feature before release
  • Identifying usability issues
  • Evaluating design decisions
  • Comparing against UX standards
  • Preparing for user testing

Audit Framework

1. Heuristic Evaluation

Evaluate against Nielsen's 10 usability heuristics:

Heuristic Question to Ask
System status Does the user know what's happening?
Real world match Does it speak the user's language?
User control Can users undo/escape easily?
Consistency Does it follow conventions?
Error prevention Does design prevent mistakes?
Recognition Is information visible vs. remembered?
Flexibility Are there shortcuts for experts?
Minimalism Is every element necessary?
Error recovery Are errors clear and recoverable?
Help Is assistance available when needed?

2. Visual Hierarchy Check

  • Is the most important element most prominent?
  • Does the eye flow logically?
  • Are related items grouped?
  • Is there appropriate white space?

3. Interaction Audit

  • Are clickable elements obvious?
  • Is feedback immediate?
  • Are loading states handled?
  • Are empty states designed?

4. Content Evaluation

  • Is copy clear and concise?
  • Is terminology user-friendly?
  • Are labels descriptive?
  • Are CTAs action-oriented?

Output Format

markdown
## UX Audit: [Feature/Page Name]

### Summary Score
[Overall usability rating: Poor / Fair / Good / Excellent]

### Heuristic Scores
| Heuristic | Score (1-5) | Key Issue |
|-----------|-------------|-----------|

### Critical Issues
- [Issue requiring immediate attention]

### Recommendations
| Priority | Issue | Recommendation | Effort |
|----------|-------|----------------|--------|
| P0 | ... | ... | Low/Med/High |

### Positive Patterns
- [What's working well]

Integration

Works best with:

  • ux-expert agent for deep analysis
  • accessibility-check skill for WCAG compliance
  • journey-map skill for flow context

Expand your agent's capabilities with these related and highly-rated skills.

aiskillstore/marketplace

perigon-backend

Perigon ASP.NET Core + EF Core + Aspire conventions

232 15
Explore
aiskillstore/marketplace

perigon-agent

Pointers for Copilot/agents to apply Perigon conventions

232 15
Explore
aiskillstore/marketplace

perigon-angular

Angular 21+ standalone/Material/signal conventions for Perigon WebApp

232 15
Explore
aiskillstore/marketplace

fastapi-mastery

Comprehensive FastAPI development skill covering REST API creation, routing, request/response handling, validation, authentication, database integration, middleware, and deployment. Use when working with FastAPI projects, building APIs, implementing CRUD operations, setting up authentication/authorization, integrating databases (SQL/NoSQL), adding middleware, handling WebSockets, or deploying FastAPI applications. Triggered by requests involving .py files with FastAPI code, API endpoint creation, Pydantic models, or FastAPI-specific features.

232 15
Explore
aiskillstore/marketplace

context7-efficient

Token-efficient library documentation fetcher using Context7 MCP with 86.8% token savings through intelligent shell pipeline filtering. Fetches code examples, API references, and best practices for JavaScript, Python, Go, Rust, and other libraries. Use when users ask about library documentation, need code examples, want API usage patterns, are learning a new framework, need syntax reference, or troubleshooting with library-specific information. Triggers include questions like "Show me React hooks", "How do I use Prisma", "What's the Next.js routing syntax", or any request for library/framework documentation.

232 15
Explore
aiskillstore/marketplace

browser-use

Browser automation using Playwright MCP. Navigate websites, fill forms, click elements, take screenshots, and extract data. Use when tasks require web browsing, form submission, web scraping, UI testing, or any browser interaction.

232 15
Explore

Didn't find tool you were looking for?

Be as detailed as possible for better results