Installs into .claude/skills of the current project.
Are you the author of Do Design Audit?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/tomcounsell-do-design-audit-ai)
---
name: do-design-audit
description: "Review an existing interface for hierarchy, usability, consistency, accessibility, responsiveness, and visual quality."
---
# Do Design Audit
Resolve the target site or local app and use the available browser tool to inspect it. Discover the principal pages and important states, keeping the scope proportionate. Capture real screenshots at desktop and mobile sizes, and exercise relevant interactions rather than inferring behavior from a static image.
Evaluate visual hierarchy, typography, color/contrast, spacing/alignment, visual details, micro-interactions, consistency, trust signals, responsiveness, and generic or decorative filler. Measure contrast where possible and inspect focus/keyboard behavior, touch targets, loading, empty, and error states. Respect the existing brand rather than treating personal taste as a defect.
Report evidence and consequence for each finding, distinguish functional/accessibility defects from preferences, and prioritize the three most valuable improvements. Link screenshots or exact affected surfaces. A request for review alone produces findings; when fixes are requested, use $frontend-design and verify the changed interface.
