skills.rest
AhmedElhadarey
AhmedElhadareyCOMMUNITY
Explore all skills by this author →
GitHub

eval-ui-ux

Audits UI/UX deliverables for design-system conformance, visual consistency, and usability.

2|Updated Feb 25, 2026
Search Tags:#accessibility#usability#design-system#ui-evaluation#component-review#visual-audit
One-click install
npx skills add https://github.com/AhmedElhadarey/Gilfoyle --skill eval-ui-ux
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: eval-ui-ux
Source: https://github.com/AhmedElhadarey/Gilfoyle/tree/main/skills/eval-ui-ux
Command: npx skills add https://github.com/AhmedElhadarey/Gilfoyle --skill eval-ui-ux

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This UI/UX evaluator provides a structured protocol to audit and improve user interfaces across tracks, ensuring design-system conformance, visual consistency, accessibility, and usability.

Core Features & Use Cases

  • Design System Adherence: Checks tokens, typography, spacing, color usage, and component styling against the design system.
  • Visual Consistency: Ensures uniform look across screens and components, with repeatable styling patterns.
  • Layout & Accessibility Baseline: Validates header/footer presence, container usage, responsive behavior, and accessibility attributes.
  • Usability & Copy Quality: Reviews copy clarity, CTAs, error messaging, and jargon avoidance to improve UX quality.
  • Use Case: Run a UI polish pass on a dashboard to align with the design system, improve accessibility, and harmonize component visuals.

Quick Start

Write a concise, actionable UI/UX evaluation plan that checks design-system adherence, visual consistency, accessibility, and usability for your project.

Frequently Asked Questions about eval-ui-ux

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

FAQPage Schema
How do I audit UI components for design system conformance and accessibility?▼

To perform a visual audit for consistent UI/UX, review typography, spacing, and color usage against design tokens to ensure uniform styling patterns. This process validates that components maintain visual consistency and coherent state representations across all screens.

What is the best way to run a UI polish pass on a dashboard?▼

To review usability and copy quality in UI deliverables, check copy clarity, CTAs, error messaging, and jargon avoidance to improve UX quality. This ensures the interface communicates effectively while maintaining strict design-system adherence.

Does UI evaluation work for checking responsive behavior and layout structure?▼

Before starting a UI evaluation, prepare your design-system tokens, component libraries, and screen deliverables for review. This input data allows the evaluator to check visual consistency, usability, and accessibility conformance effectively.

Can I use a component review to enforce token-driven styling across screens?▼

After completing a UI evaluation, use the structured evaluation report to guide component library updates, fix accessibility attributes, and align visual styling with design tokens. This implements the recommended UI polish tasks and harmonizes interface visuals.

Are there limitations to automated visual consistency checks?▼

For alternative UI evaluation approaches, use design linting tools or accessibility scanning software to check token conformance and visual consistency. These yield automated baseline reports for layout structure and styling patterns, complementing manual usability reviews.

Related Skills

Explore More Design & Creative Skills→
GeargrindadminGeargrindadmin

eval-ui-ux

Evaluate UI/UX for design system adherence, visual consistency, and accessibility.

Community
Advanced
fsollafsolla

refactoring-ui

Audit web UI hierarchy, spacing, typography, and color systems.

Community
Intermediate
HungNthHungNth

css-architecture

Organize CSS architecture using BEM, SMACSS, and CSS-in-JS patterns.

Community
Basic
murphytruemanmurphytrueman
155

cicd-integration

Generate CI/CD pipeline configurations for design system quality checks.

Community
Advanced