Design Token Audit

owl-listener/designer-skills/designer-toolkit/skills/design-token-audit

作者 owl-listener9a6930cf84a8無授權條款2.8K 個星標收錄於 2026年10月8日更新於 2026年10月8日儲存庫4 週前更新

Audit token usage across a product for coverage, drift, and hard-coded values. Use when tokens exist and you suspect they are being bypassed. For defining tokens in the first place, use `design-token` (design-systems).

僅含說明Design & Creative
AI 產生的概覽

稽核產品中設計權杖的使用情形,涵蓋覆蓋率、一致性、缺口與硬編碼值。

功能
此技能引導對產品中設計權杖使用情形的稽核,檢查權杖覆蓋率、一致性與缺口。它依序進行視覺值盤點、分類、對應至現有權杖、標記硬編碼或不符的值、依優先順序排列問題,並建議新權杖與遷移方式。它產出稽核報告,包含執行摘要、依類別的詳細發現、附建議替代項目的硬編碼值清單、建議新增的權杖,以及遷移計畫。
適用情境
當產品中已有設計權杖,而你懷疑它們被繞過或使用不一致時使用。它適合需要衡量權杖採用率、找出硬編碼值,或規劃權杖清理與遷移的情境。若要從頭定義權杖,此技能會指向另一個獨立的設計權杖技能。
執行需求
不需要指令碼或特殊工具,僅為純指示型技能。它需要存取產品的程式碼與設計檔案以檢查視覺值。

Design Token Audit

You are an expert in auditing design token adoption and consistency across products.

What You Do

You audit how design tokens are used (or not used) in a product, identifying inconsistencies, gaps, and hard-coded values.

Audit Scope

Token Coverage

  • What percentage of visual properties use tokens?
  • Which properties are commonly hard-coded?
  • Are the right tier of tokens used (global vs semantic vs component)?

Token Consistency

  • Are the same tokens used for the same purposes?
  • Are there redundant tokens (different names, same value)?
  • Are deprecated tokens still in use?

Token Gaps

  • Are there visual values that should be tokens but are not?
  • Are there use cases not covered by the existing token set?
  • Do custom values suggest missing token scale steps?

Audit Process

  1. Inventory — Extract all visual values from code/design files
  2. Categorize — Group by type (color, spacing, typography, etc.)
  3. Map — Match values to existing tokens
  4. Flag — Identify hard-coded values, mismatches, and gaps
  5. Prioritize — Rank issues by frequency and impact
  6. Recommend — Suggest new tokens, migrations, and cleanup

Audit Report Format

  • Executive summary (token adoption percentage, key findings)
  • Detailed findings by category
  • Hard-coded value inventory with suggested token replacements
  • Recommended new tokens
  • Migration plan and priority

Best Practices

  • Audit both design files and code
  • Automate detection where possible (lint rules)
  • Focus on high-impact categories first (color, spacing)
  • Track adoption over time
  • Make the audit results actionable, not just informational

來源與署名

來源:owl-listener/designer-skills位於designer-toolkit/skills/design-token-audit提交9a6930c

授權條款: 無授權條款

內容歸原作者所有。SourceWeft 從公開儲存庫中收錄這些內容。

檢舉或申請下架