design-review

Audit frontend design across eight dimensions and generate a design scorecard.

Updated Apr 20, 2026
One-click install
npx skills add https://github.com/aspectrr/denchclaw-workspace --skill design-review-aspectrr
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/aspectrr/denchclaw-workspace/tree/main/skills/gstack/design-review
Command: npx skills add https://github.com/aspectrr/denchclaw-workspace --skill design-review-aspectrr

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design audit of existing frontend code to identify design issues and opportunities for improvement, applying a repeatable methodology.

Core Features & Use Cases

  • 8-dimension audit covering Information Architecture, Interaction Design, Visual Hierarchy, Consistency, Accessibility, Responsiveness, Performance, and Delight
  • AI Slop Detection to flag gratuitous gradients, card soup, icon overload
  • Atomic fixes and evidence-based recommendations for before/after states

Quick Start

Run an audit on the target project to surface design issues and recommended fixes.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I audit frontend design consistency in existing code?

Auditing frontend design consistency involves reviewing your codebase against an 8-dimension framework covering visual hierarchy, interaction design, and responsiveness. It yields traceable before/after fixes and a design scorecard to identify inconsistencies.

What is AI slop detection in a UI design audit?

AI slop detection identifies gratuitous gradients, card soup, and icon overload in frontend interfaces. It flags superficial design elements that lack functional purpose, ensuring your UI maintains genuine visual hierarchy and meaningful interaction design.

How do I check accessibility and responsiveness issues in my frontend project?

Checking accessibility and responsiveness requires applying a structured audit methodology to your frontend code. This process surfaces specific design issues across eight dimensions, providing evidence-based recommendations and atomic fixes for before/after states.

Does this design audit workflow support traceable commits for UI fixes?

Yes, the design audit workflow supports traceable commits by providing atomic fixes and evidence-based recommendations. It generates a design scorecard that documents before/after states, ensuring all UI consistency and accessibility improvements are systematically tracked.

Can I use this design review framework for information architecture and interaction design?

Yes, the design review framework explicitly covers information architecture and interaction design. It audits these alongside visual hierarchy, consistency, accessibility, responsiveness, performance, and delight to deliver comprehensive design improvements.

What is the best way to fix visual hierarchy and consistency issues without rebuilding components?

The best way is running an 8-dimension design audit to pinpoint specific visual hierarchy and consistency failures. It outputs atomic fixes and a design scorecard, enabling targeted updates rather than complete component rebuilds.