skills.rest
putrawitama
putrawitamaCOMMUNITY
Explore all skills by this author →
GitHub

design-review

Audit frontend codebases for visual design issues and deliver atomic commits with before/after evidence.

1|1|Updated Mar 31, 2026
Search Tags:#ui#frontend#audit#ux#design-system#design-review
One-click install
npx skills add https://github.com/putrawitama/DenchClaw --skill design-review-putrawitama
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/putrawitama/DenchClaw/tree/main/skills/gstack/design-review
Command: npx skills add https://github.com/putrawitama/DenchClaw --skill design-review-putrawitama

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design audits of existing frontend codebases to identify visual-design issues and provide traceable fixes with atomic commits.

Core Features & Use Cases

  • Evaluate information architecture, interaction design, visual hierarchy, consistency, accessibility, and responsiveness across a codebase.
  • Deliver concrete fixes with before/after evidence and atomic commits to show impact.
  • Useful for audits, redesigns, and ongoing design-system validation in real projects.

Quick Start

Audit the current frontend codebase for design issues and propose fixes with atomic commits and before/after evidence.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I audit visual design issues in a frontend codebase?▼

To audit visual design in a frontend codebase, evaluate patterns, components, and design-system conformance across information architecture, visual hierarchy, consistency, accessibility, and responsiveness, then produce documentation of findings and atomic commits with before/after evidence.

What does a frontend design system conformance check include?▼

A design system conformance check includes evaluating visual hierarchy, interaction design, consistency, accessibility, and responsiveness across the codebase, then delivering concrete fixes with traceable before/after evidence and atomic commits.

Does this design audit work with any frontend stack?▼

Yes, the design audit applies across frontend stacks to assess patterns, components, and design-system conformance, making it suitable for audits, redesigns, and ongoing maintenance in real projects regardless of the specific framework.

How do I fix UI inconsistencies and get traceable commits?▼

You fix UI inconsistencies by auditing the existing codebase for visual design issues, applying concrete fixes, and delivering atomic commits with before/after evidence to clearly show the impact of each change.

When do I need a frontend UX and UI audit?▼

You need a frontend UX and UI audit during redesigns, ongoing maintenance, or design-system validation to identify visual design issues, assess interaction design, and ensure accessibility and responsiveness across the codebase.

Related Skills

Explore More Design & Creative Skills→
priyansh19priyansh19
1

design-guide

Establish and enforce CrewSpace UI design system standards across frontend components.

Community
Advanced
himes19himes19

design-review

Audit frontend code for visual design issues and generate atomic fixes with before/after evidence.

Community
Advanced
zm2231zm2231

prototype-review

Review prototypes, wireframes, and mockups for usability, accessibility, and design consistency.

Community
Advanced
distribucionesfayosmoreno-sysdistribucionesfayosmoreno-sys

ui-visual-validator

Validate UI modifications for visual regression, compliance, and accessibility.

Community
Advanced