design-auditor

Community

Expert design audits with clear feedback.

AuthorAskTinNguyen
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Auditing UI designs against established design principles to provide clear, actionable guidance that helps teams ship more usable interfaces.

Core Features & Use Cases

  • Comprehensive category audit: checks typography, color/contrast, spacing, accessibility, motion, and more, with structured rules.
  • Actionable feedback & prioritization: ranks issues by severity and offers concrete fixes.
  • Multi-context support: works with Figma MCP, code outputs (HTML/CSS), and static descriptions to guide improvements.
  • Design system alignment: reinforces token-based design and consistent terminology across products.

Quick Start

Upload a Figma URL or screenshot and request a full design audit.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: design-auditor
Download link: https://github.com/AskTinNguyen/vesper-team-skills/archive/main.zip#design-auditor

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.