design-system-audit

Audit design system tokens, colors, typography, spacing, and components for inconsistencies.

Updated Feb 5, 2026
One-click install
npx skills add https://github.com/Khoiwall/be_vidify --skill design-system-audit-khoiwall
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-system-audit
Source: https://github.com/Khoiwall/be_vidify/tree/main/.opencode/skill/design-system-audit
Command: npx skills add https://github.com/Khoiwall/be_vidify --skill design-system-audit-khoiwall

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Auditing design systems to identify inconsistencies, document tokens, and reduce design debt across projects.

Core Features & Use Cases

  • Visual inventory of color, typography, spacing, tokens, and component variants.
  • Consistency analysis comparing inventory to code, identifying missing semantic tokens and naming inconsistencies.
  • Design token structure guidance, audit report templates, and storage guidelines for audit artifacts.
  • Reusable templates and playbooks for token consolidation and refactor planning across projects.

Quick Start

Review your design system to generate a token inventory and an actionable audit report for implementation teams.

Frequently Asked Questions about design-system-audit

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

FAQPage Schema
How do I audit design tokens for inconsistencies and design debt?

A design system audit identifies inconsistencies and debt by evaluating tokens, colors, typography, spacing, and components across cross-project repositories. It captures token inventories and design-to-code gaps, producing a structured audit report and storage-ready artifacts for implementation teams.

How do I document a design token inventory for cross-project repositories?

You document a design token inventory by scanning cross-project design repos to capture color, typography, spacing, and component variant tokens. This visual inventory identifies missing semantic tokens and naming inconsistencies, outputting a structured token model and storage-ready artifacts.

What's the best way to plan a design system refactor and token consolidation?

The best way to plan a design system refactor is to generate an audit report identifying design-to-code gaps and naming inconsistencies. This provides reusable templates and playbooks for token consolidation, guiding practical remediation steps to reduce design debt across projects.

Can I use a design system audit to identify missing semantic tokens?

Yes, a design system audit identifies missing semantic tokens by performing a consistency analysis that compares your visual inventory against the codebase. It highlights tokenization gaps and naming inconsistencies, providing structured guidance for establishing a complete semantic token structure.

Does a design system audit generate storage-ready artifacts for implementation teams?

Yes, the audit generates storage-ready artifacts by outputting a structured design token model and audit report. These artifacts are saved to the designated memory directory, providing implementation teams with actionable documentation for refactors and token consolidation.