Skills
.Work. You
Rest

design-system-audit

Community

Audit and document design systems.

Design & Creative#consistency#refactoring#design system#audit#design tokens#design debt
AuthorKuass
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps ensure consistency and identify areas for improvement within design systems by auditing visual elements, documenting design tokens, and comparing implementation against design specifications.

Core Features & Use Cases

  • Visual Inventory: Analyzes application screenshots to catalog color palettes, typography scales, and spacing patterns.
  • Consistency Analysis: Compares the visual inventory with code to identify undocumented tokens, naming inconsistencies, and redundant values.
  • Design Debt Identification: Pinpoints areas of inconsistency and suggests improvements for refactoring.
  • Use Case: A team is preparing to refactor their design system. This Skill can be used to generate a comprehensive audit report of the current system, highlighting all design tokens and identifying any discrepancies between the design specs and the implemented code.

Quick Start

Use the design-system-audit skill to audit the design system for the provided application screenshots.

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-system-audit
Download link: https://github.com/Kuass/kiro-gateway-plus/archive/main.zip#design-system-audit

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.