design-audit

Audit UI design quality across screens and output phased improvement plans.

383|53|Updated Oct 18, 2025

Search Tags:#accessibility #design-system #visual-design #ui-review #design-audit #ux-principles

Ready to run

npx skills add https://github.com/bencium/bencium-marketplace --skill design-audit-bencium

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: design-audit
Source: https://github.com/bencium/bencium-marketplace/tree/main/design-audit/skills/design-audit
Command: npx skills add https://github.com/bencium/bencium-marketplace --skill design-audit-bencium

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Audit and elevate UI/UX design quality by systematically identifying visual defects and producing an implementable phased plan that preserves current functionality.

Core Features & Use Cases

Systematic visual audits across all screens and devices.
Phased design-plan outputs aligned to the design system with prioritized changes.
Reference-guided improvements using design-principles and audit-template for consistent results.
Use Case: When refining a dashboard, apply this skill to produce a phased plan detailing typography, spacing, color, and accessibility fixes.

Quick Start

Provide a full UI audit by applying the Audit Protocol to the live app and reference the audit-template to output a Phase 1 plan.

Frequently Asked Questions about design-audit

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

FAQPage Schema

What is a UI design audit and what does it cover?▼

A UI design audit systematically identifies visual defects across mobile, tablet, and desktop screens. It evaluates typography, spacing, color, alignment, accessibility, and visual hierarchy to produce an implementable phased plan that preserves current functionality.

How do I audit an existing dashboard for visual design and accessibility issues?▼

To audit a dashboard, apply the formal audit protocol to the live app to evaluate typography, spacing, and accessibility. The process outputs a prioritized Phase 1–3 plan with precise implementation notes and required design system updates.

Can I perform a visual design review on both mobile and desktop flows?▼

Yes, visual design reviews are applicable to mobile, tablet, and desktop flows. The audit systematically checks visual hierarchy and alignment across all devices and outputs reference-guided improvements aligned to your design system.

What is the best way to prioritize UI fixes after finding design defects?▼

The best way to prioritize UI fixes is using a phased design-plan output. The audit generates Phase 1–3 plans detailing prioritized typography, spacing, color, and accessibility changes aligned to your design system for structured implementation.

How does a design audit handle accessibility and visual hierarchy improvements?▼

The design audit handles accessibility and visual hierarchy by systematically identifying defects and generating structured improvement plans. It uses design-principles and an audit-template to ensure consistent, reference-guided updates across all screens.

Do I need an established design system to improve my UI quality?▼

An established design system is highly beneficial as the audit outputs structured updates directly aligned to it. However, the audit can still identify visual defects and produce a phased plan to elevate your UI quality even if you are building the system concurrently.