design-review

Compare built UI against the design brief and deliver a prioritized refinement list.

1|Updated Nov 13, 2025
One-click install
npx skills add https://github.com/concept2cure/ClinicalSageAI-2-replit --skill design-review-concept2cure
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/concept2cure/ClinicalSageAI-2-replit/tree/main/.claude/skills/design-review
Command: npx skills add https://github.com/concept2cure/ClinicalSageAI-2-replit --skill design-review-concept2cure

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill runs a structured design review by comparing built UI against the active design brief and chosen aesthetic philosophy, identifying gaps in visual hierarchy, consistency, accessibility, and alignment.

Core Features & Use Cases

  • Structured critique: assess visual hierarchy, spacing, typography, color, and component consistency against the brief.
  • Accessibility and responsiveness: evaluate contrast, keyboard navigation, dark mode, and responsive behaviors across breakpoints.
  • Actionable outputs: produce a prioritized refinement list and concrete guidance to align implementation with the design brief.

Quick Start

Provide the project brief and run a design review following the steps in the process.

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 structured design review against my project brief?

To run a structured design review, provide your project brief and the built UI for comparison. The Skill assesses visual hierarchy, spacing, typography, and color consistency against the brief to identify gaps and deliver a prioritized refinement list.

What does a UX visual audit cover for responsive states and dark mode?

A UX visual audit evaluates contrast, keyboard navigation, and responsive behaviors across all breakpoints. It applies the review to all pages and components, including dark mode states, ensuring comprehensive accessibility and responsiveness coverage.

Can I get concrete fixes for UI inconsistencies found during the design review?

Yes, the design review delivers concrete fixes by producing a prioritized refinement list. This actionable output references specific components, files, and screenshots to align implementation precisely with the original design brief.

What's the best way to identify accessibility gaps in my built UI?

The best way to identify accessibility gaps is by comparing the built UI against the active design brief. This process evaluates contrast, keyboard navigation, and alignment, generating a prioritized list of concrete refinements.

Does this design critique process work without external dependencies?

Yes, this design critique process works without external dependencies. You only need to supply the project brief and the built UI; the Skill then independently analyzes visual hierarchy, consistency, and accessibility gaps.