skills.rest
akavinashsingh
akavinashsinghCOMMUNITY
Explore all skills by this author →
GitHub

design-audit

Audit application UI for hierarchy, spacing, color, typography, and accessibility issues.

Updated Dec 21, 2025
Search Tags:#ui#usability#design audit#ux#visual hierarchy#visual refinement#interface improvement
One-click install
npx skills add https://github.com/akavinashsingh/campus-mart --skill design-audit-akavinashsingh
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-audit
Source: https://github.com/akavinashsingh/campus-mart/tree/main/.claude/skills/design-audit
Command: npx skills add https://github.com/akavinashsingh/campus-mart --skill design-audit-akavinashsingh

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps identify and improve visual design issues, ensuring interfaces are clear, consistent, and polished, thereby enhancing user experience and brand perception.

Core Features & Use Cases

  • Design Audit: Systematically reviews app screens for hierarchy, spacing, typography, color, alignment, and accessibility issues.
  • Visual Refinement: Recommends improvements to spacing, contrast, and component consistency.
  • Use Case: When a client requests a UI review to make their app feel more professional, this Skill assesses the current design and provides phased, actionable recommendations.

Quick Start

Analyze the current app’s UI by reviewing the provided design system, app flow, and live screens to generate a comprehensive visual audit plan.

Frequently Asked Questions about design-audit

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

FAQPage Schema
How do I conduct a UI design audit for visual hierarchy and spacing issues?▼

A UI design audit systematically reviews app screens to identify issues in visual hierarchy, spacing, alignment, and typography. It analyzes the current app state and design system to generate a comprehensive visual refinement plan.

What is a visual refinement plan for interface improvement?▼

A visual refinement plan provides phased, actionable recommendations to improve UI polish. It targets spacing, contrast, color, and component consistency to ensure interfaces are clear, professional, and visually aligned.

How can I check my app's UI for accessibility and design consistency issues?▼

You can check UI accessibility and consistency by evaluating live screens against design principles and system tokens. This process identifies color contrast gaps, typography misalignment, and component inconsistencies for targeted improvement.

Does a UX design audit require an existing design system to work?▼

A UX design audit heavily relies on knowing your current app state and existing design system tokens. Providing detailed knowledge of these elements allows the audit to accurately assess visual hierarchy and generate precise refinement steps.

What's the best way to improve UI polish without completely redesigning the application?▼

To improve UI polish without a full redesign, apply a phased improvement plan targeting visual hierarchy, spacing, and color consistency. This method incrementally refines the existing interface to enhance overall user experience and brand perception.

When should I review visual hierarchy and typography in my application interface?▼

You should review visual hierarchy and typography when an app feels unpolished or inconsistent. A formal design audit identifies specific alignment, spacing, and contrast issues, providing actionable steps to elevate the interface's professional appearance.

Related Skills

Explore More Design & Creative Skills→
rmjamesrmjames
1

Brand Guidelines

Enforce design system tokens for spacing, color, and typography in web interfaces.

Community
Basic
teegin-gteegin-g

polish

Polish UI designs for pixel-perfect alignment, spacing, and detail consistency.

Community
Advanced
DevXojeDevXoje

ui-components

Standardize UI component creation with atomic design and TypeScript guidelines.

Community
Basic
prof-danielcprof-danielc

speckit.checker

Run static analysis tools and aggregate results into a prioritized issue report.

Community
Advanced