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 从公开仓库中收录这些内容。

举报或申请下架