skills.rest
dmlguq456
dmlguq456COMMUNITY
Explore all skills by this author →
GitHub

design-review

Review design outputs for visual quality and implementation gaps.

7|Updated Mar 19, 2026
Search Tags:#accessibility#responsive design#design tokens#design review#ui validation#visual critique
One-click install
npx skills add https://github.com/dmlguq456/agent_setting --skill design-review-dmlguq456
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/dmlguq456/agent_setting/tree/main/adapters/claude/skills/design-review
Command: npx skills add https://github.com/dmlguq456/agent_setting --skill design-review-dmlguq456

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps design teams identify visual, usability, and implementation issues before release by combining structured verification with expert design critique.

Core Features & Use Cases

  • Two-Layer Design Verification: Checks runtime breakage, layout problems, token contracts, and visual quality criteria before deeper review.
  • Six-Axis Design Critique: Evaluates hierarchy, spacing, accessibility, responsiveness, UX flow, and visual consistency for web interfaces, slides, icons, and diagrams.
  • Use Case: Review a completed application interface by validating rendered components, analyzing design tokens, and producing prioritized findings for iteration.

Quick Start

Ask the design-review skill to review the design files at the provided path and generate a complete verification and critique report.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I run a visual design review on rendered UI components?▼

To run a visual design review, point the skill to your design file path to perform structured verification and critique, generating a report of visual quality issues and implementation gaps for iteration.

What does a structured design critique cover for web interfaces?▼

A structured design critique evaluates six axes: hierarchy, spacing, accessibility, responsiveness, UX flow, and visual consistency to identify usability and visual quality issues across web applications.

How do I validate design tokens and check accessibility in a UI?▼

You validate design tokens and check accessibility through two-layer design verification, which inspects runtime breakage, layout problems, token contracts, and accessibility considerations before deeper review.

Can I use this design review process for slides, icons, and diagrams?▼

Yes, the design review process applies to slides, icons, and diagrams, evaluating visual consistency and implementation gaps across component-based design workflows requiring rendered previews.

What is the best way to identify implementation gaps before a design release?▼

The best way to identify implementation gaps is combining structured verification with expert critique, checking runtime breakage and token contracts to produce prioritized findings for iteration before release.

Does this visual critique method require specific design system dependencies?▼

No specific dependencies are required, but the visual critique method works best with component-based design workflows that supply rendered previews and design tokens for rigorous evaluation.

Related Skills

Explore More Design & Creative Skills→
badowhpbadowhp

design-engineer

Audit web interfaces for generic AI design tells and accessibility compliance.

Community
Advanced
davidrrowleydavidrrowley

frontend-design-review

Review frontend interfaces for design quality and WCAG accessibility compliance.

Community
Intermediate
naopensedoit2-designnaopensedoit2-design

design

Delegate frontend design and UI refinement to a specialized DESIGN subagent.

Community
Intermediate
githubgithub
37.6k

web-design-reviewer

Inspect web interfaces for layout, accessibility, and visual consistency issues.

Official
Intermediate