eval-ui-ux

Evaluate UI/UX design adherence, visual consistency, and accessibility across tracks.

371|38|Updated Feb 17, 2026
One-click install
npx skills add https://github.com/Ibrahim-3d/conductor-orchestrator-superpowers --skill eval-ui-ux-ibrahim-3d
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: eval-ui-ux
Source: https://github.com/Ibrahim-3d/conductor-orchestrator-superpowers/tree/main/skills/eval-ui-ux
Command: npx skills add https://github.com/Ibrahim-3d/conductor-orchestrator-superpowers --skill eval-ui-ux-ibrahim-3d

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Visual UI work often lacks consistent design systems, accessibility, and usability checks. This evaluator provides a structured, automated assessment to uphold UI quality across screens, components, and design systems.

Core Features & Use Cases

  • Design System Adherence checks against tokens, typography, color, spacing.
  • Visual Consistency and Layout verification across multiple screens or pages.
  • Accessibility baseline checks and usability copy quality.
  • Use Case: validate a screen implementation against the design spec and design references to ensure fidelity.

Quick Start

Run the evaluator with your track's spec.md, plan.md, and design system references to generate a UI/UX evaluation report.

Frequently Asked Questions about eval-ui-ux

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

FAQPage Schema
How do I evaluate UI screen implementations against a design system?

To evaluate UI screen implementations against a design system, run the evaluator with your track's spec.md, plan.md, and design references to generate an automated UI/UX evaluation report verifying design adherence, visual consistency, and accessibility.

What does automated accessibility and usability evaluation for UI tracks include?

Automated accessibility and usability evaluation for UI tracks includes baseline accessibility checks, design system adherence verification for tokens and typography, layout responsiveness validation, and usability copy quality assessment across multiple screens and component libraries.

Can I use this UI/UX evaluator for component libraries and design-system tracks?

Yes, you can use this UI/UX evaluator for component libraries and design-system tracks. It evaluates visual track quality by checking fidelity, usability, and adherence to design tokens, color, and spacing across your project assets to ensure consistent visual quality.

What is the best way to check visual consistency across multiple UI screens?

The best way to check visual consistency across multiple UI screens is to run an automated evaluation pass that consumes project assets to verify layout, typography, and color adherence against your established design system references and spec.md documentation.

Do I need spec.md and plan.md files to validate design fidelity?

Yes, you need spec.md and plan.md files along with design references to validate design fidelity. The evaluator consumes these project assets to perform automated passes for layout, responsiveness, accessibility, and copy quality during the UI/UX assessment.

Why does visual UI work lack consistent accessibility and usability checks?

Visual UI work often lacks consistent accessibility and usability checks because manual reviews miss design system deviations. A structured automated evaluation upholds UI quality by verifying tokens, visual consistency, and accessibility baselines across screens and component libraries.