ux-design-system-auditor

Audit UI implementations against design system guidelines for compliance deviations.

Updated Feb 6, 2026
One-click install
npx skills add https://github.com/unthinkmedia/DesignExploration --skill ux-design-system-auditor
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ux-design-system-auditor
Source: https://github.com/unthinkmedia/DesignExploration/tree/main/.claude/skills/ux-design-system-auditor
Command: npx skills add https://github.com/unthinkmedia/DesignExploration --skill ux-design-system-auditor

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

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.

Frequently Asked Questions about ux-design-system-auditor

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

FAQPage Schema
How do I audit my UI for design system compliance?

To audit UI for design system compliance, this Skill reviews your implementation against guideline specifications to identify deviations in spacing, typography, colors, and component usage. It pinpoints inconsistencies to maintain brand consistency across applications.

Can I check my interface against Material Design and Fluent UI guidelines?

Yes, you can check your interface against Material Design and Fluent UI guidelines. The Skill references these established style guides, along with custom style guides, to review component implementation and ensure interaction patterns match the specified system.

What is a UI component review for brand consistency?

A UI component review for brand consistency is the process of evaluating interface elements against design system specifications. It identifies violations of design rules, ensuring all buttons, text styles, and spacing maintain a cohesive user experience across applications.

How do I identify spacing and typography deviations in my UI implementation?

To identify spacing and typography deviations in your UI implementation, the Skill audits your interface elements against design system specifications. It pinpoints inconsistencies and violations of design rules to help correct deviations in component usage and interaction patterns.

Does this design system auditor work with custom style guides?

Yes, the design system auditor works with custom style guides. It supports auditing for design system compliance and brand consistency by referencing Fluent, Material Design, and custom style guides to identify deviations in component usage and interaction patterns.