skills.rest
yogvidwankhede
yogvidwankhedeCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-review

Audit user interfaces for design defects with severity tiers and evidence-based reporting.

1|Updated Jul 26, 2026
Search Tags:#design#ui#accessibility#audit#usability#review
One-click install
npx skills add https://github.com/yogvidwankhede/vishwakarma --skill design-review-yogvidwankhede
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/yogvidwankhede/vishwakarma/tree/main/.claude/skills/design-review
Command: npx skills add https://github.com/yogvidwankhede/vishwakarma --skill design-review-yogvidwankhede

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill solves the problem of vague, subjective, or undifferentiated design feedback by providing a rigorous, engineering-based framework for auditing interfaces. It transforms qualitative reactions into prioritized, actionable defects.

Core Features & Use Cases

  • Seven-Pass Audit: Executes structured passes covering hierarchy, system adherence, accessibility (contrast/keyboard), content stress, viewport responsiveness, and motion.
  • Defect Prioritization: Categorizes findings by user harm, system violations, and craft, ensuring the most critical issues are addressed first.
  • Use Case: Use this during a pull request review to identify specific accessibility failures, layout inconsistencies, or component API drift in a new UI feature.

Quick Start

Use the design-review skill to audit the current interface for accessibility and system adherence.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I conduct a systematic UI audit for accessibility and design system adherence?▼

A UI audit systematically evaluates interfaces by running structured passes for hierarchy, accessibility, responsiveness, and system adherence to identify and prioritize design defects. This framework transforms qualitative reactions into actionable engineering output.

What is the best way to prioritize design defects found during a user interface review?▼

Defect prioritization during a UI review categorizes findings by user harm, system violations, and craft quality. This ensures critical accessibility failures and layout inconsistencies are addressed before minor styling issues.

How does an engineering-based design review improve pull request feedback?▼

An engineering-based design review improves pull request feedback by applying severity tiers and evidence-based reporting. It identifies specific accessibility failures, layout inconsistencies, or component API drift in new UI features.

Can I use this framework to audit layout consistency across different viewport sizes?▼

Yes, you can audit layout consistency across viewport sizes using the seven-pass audit framework. It specifically executes a viewport responsiveness pass to identify layout inconsistencies and ensure web application adaptability.

What specific accessibility checks are included in a structured UI design audit?▼

A structured UI design audit includes specific accessibility checks for color contrast and keyboard navigation. These checks are part of a broader seven-pass audit that also covers content stress and motion.

Why should I use a structured framework instead of giving subjective design feedback?▼

You should use a structured framework to solve the problem of vague, subjective design feedback. It provides a rigorous, engineering-based approach that transforms qualitative reactions into prioritized, actionable defects.

Related Skills

Explore More Design & Creative Skills→
masa-codehubmasa-codehub

scoping-design-tasks

Coordinate design and planning task scoping to produce actionable Design Briefs.

Community
Advanced
vobasevobase
59

audit

Audit UI interfaces for accessibility, performance, theming, and responsive design.

Official
Intermediate
1479089714790897
7

kwp-design-design-system

Audit component libraries for naming inconsistencies and missing documentation.

Community
Intermediate
pmarashianpmarashian
2

phaser-component-test-scenes

Create isolated Phaser UI component test scenes booted via URL parameters.

Community
Intermediate