ui-critic

Evaluate UI designs and live web interfaces for usability and WCAG 2.1 AA accessibility.

Updated Mar 5, 2026
One-click install
npx skills add https://github.com/zivtech/joyus-desktop --skill ui-critic
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-critic
Source: https://github.com/zivtech/joyus-desktop/tree/main/.claude/skills/ui-critic
Command: npx skills add https://github.com/zivtech/joyus-desktop --skill ui-critic

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill removes the guesswork from design reviews by providing a structured, evidence-based critique of UI artifacts, ensuring usability and accessibility before launch.

Core Features & Use Cases

  • Browser-First Evaluation: Forces real-world interaction testing across multiple viewports to catch layout and interaction failures.
  • Heuristic & Accessibility Audits: Combines Nielsen's 10 heuristics with WCAG 2.1 AA standards to identify critical usability and accessibility barriers.
  • Use Case: Use this skill when you have a high-fidelity mockup or live staging URL and need to validate that your design is ready for production without relying on subjective opinion.

Quick Start

Use the ui-critic skill to perform a comprehensive design and accessibility review of the current staging URL.

Frequently Asked Questions about ui-critic

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

FAQPage Schema
How do I perform an accessibility audit on a live staging URL?

To perform an accessibility audit on a live staging URL, the interface is evaluated using browser-based interaction testing against WCAG 2.1 AA standards to identify critical usability barriers and visual consistency defects.

What is heuristic evaluation for UI design and how does it work?

Heuristic evaluation for UI design is a structured review method applying Nielsen's 10 usability principles to identify critical design defects. It works by analyzing interface interactions to ensure compliance with research-backed design principles.

Can I evaluate high-fidelity mockups for usability before production launch?

Yes, you can evaluate high-fidelity mockups for usability before production launch by performing gap analysis and interaction testing across multiple viewports to catch layout failures and validate production readiness.

What's the best way to validate visual consistency across multiple viewports?

The best way to validate visual consistency across multiple viewports is through browser-first evaluation that forces real-world interaction testing, combining heuristic evaluation with WCAG 2.1 AA gap analysis to pinpoint design defects.

Does UI critique require subjective opinion to review design readiness?

No, UI critique does not require subjective opinion to review design readiness. It removes guesswork by providing an evidence-backed critique of UI artifacts, ensuring structural usability and accessibility validation before launch.

When do I need a WCAG 2.1 AA accessibility compliance check?

You need a WCAG 2.1 AA accessibility compliance check when preparing high-stakes UI for production, ensuring that live web interfaces and mockups meet research-backed design principles and pass heuristic usability audits.