ux-design-system-auditor

Community

Audit UI for design system compliance.

Authorunthinkmedia
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps ensure that user interfaces adhere to established design system guidelines, maintaining brand consistency and a cohesive user experience across applications.

Core Features & Use Cases

  • Compliance Auditing: Compares UI elements against design system specifications for spacing, typography, colors, and component usage.
  • Deviation Identification: Pinpoints inconsistencies and violations of design rules.
  • Use Case: When reviewing a new feature's UI, use this Skill to automatically check if all buttons, text styles, and spacing match the company's Material Design or Fluent UI guidelines.

Quick Start

Use the ux-design-system-auditor skill to audit the provided UI screenshot against the Fluent 2 design system.

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: ux-design-system-auditor
Download link: https://github.com/unthinkmedia/DesignExploration/archive/main.zip#ux-design-system-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 223,000+ vetted skills library on demand.