Visual Audit

Analyze digital interfaces for hierarchy, contrast, spacing, typography, color, and layout issues.

1|1|Updated Feb 21, 2026
One-click install
npx skills add https://github.com/dtsong/claude-code-windows-setup --skill visual-audit-dtsong
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Visual Audit
Source: https://github.com/dtsong/claude-code-windows-setup/tree/main/skills/council/artisan/visual-audit
Command: npx skills add https://github.com/dtsong/claude-code-windows-setup --skill visual-audit-dtsong

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a structured approach to visually critiquing user interfaces, ensuring design consistency and effectiveness.

Core Features & Use Cases

  • Structured Critique: Analyzes hierarchy, contrast, spacing, typography, color, and layout.
  • Actionable Feedback: Generates specific, prioritized recommendations for improvement.
  • Use Case: A designer can submit a new app screen mockup and receive a detailed report highlighting areas for improvement in visual appeal and usability.

Quick Start

Perform a visual audit on the provided screenshot of the user dashboard.

Frequently Asked Questions about Visual Audit

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

FAQPage Schema
How do I conduct a UI audit to improve visual hierarchy and contrast?

A UI audit evaluates visual hierarchy, contrast, spacing, typography, color, and layout against design principles and accessibility standards. It analyzes visual elements to identify issues and generate actionable feedback for improving digital interfaces.

How do I get actionable feedback on my app screen mockup?

To get actionable feedback on an app screen mockup, submit the design for a structured visual critique. The analysis identifies specific issues in usability and visual appeal, generating prioritized recommendations and quick wins for design improvements.

What is included in a structured visual design critique?

A structured visual design critique includes analysis of hierarchy, contrast, spacing, typography, color, and layout. It evaluates these visual elements against design principles and accessibility standards to produce specific, prioritized recommendations for improvement.

Can I use a visual critique to check my design system for accessibility standards?

Yes, you can use a visual critique to check your design system for accessibility standards. The audit requires analysis of visual elements like color and contrast specifically against accessibility standards to ensure design consistency and effectiveness.

What's the best way to find quick wins during a design review?

The best way to find quick wins during a design review is to perform a structured visual audit. This process analyzes visual elements against design principles, generating prioritized, actionable feedback that highlights immediate areas for design improvement.

When do I need a layout analysis for my digital interface?

You need a layout analysis for your digital interface when ensuring design consistency and effectiveness. A visual audit identifies issues in spacing, typography, and layout, providing actionable feedback to resolve visual appeal and usability problems.