菜单
Audit a codebase or design files for design system health, token drift, and inconsistency. Use whenever the user mentions design system audit, design token drift, design consistency, color drift, spacing drift, or wants to find and consolidate inconsistencies across components.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Audit a brand's full identity (logo, typography, color, voice, visual language) for consistency, distinctiveness, and gap. Use when the user asks for a brand audit, identity review, brand health check, or wants to evaluate how a brand shows up across surfaces.
Plan a content calendar tied to product, brand, or marketing goals. Use when the user asks for a content plan, editorial calendar, content strategy, posting schedule, or wants to map content to themes and audiences over a period of time.
Write a sequence of emails for onboarding, nurture, sales, lifecycle, or launch. Use when the user asks for a drip campaign, email sequence, welcome series, onboarding emails, sales cadence, or any multi-email flow tied to a goal.
Design an a/b test or experiment including hypothesis, metrics, sample size, and analysis plan. Use whenever the user mentions a/b test, experiment, split test, multivariate test, or needs to design a test that produces a decision-quality result.
Audit a design or component for WCAG accessibility compliance. Use whenever the user mentions a11y, accessibility audit, WCAG check, contrast issues, keyboard navigation, screen reader support, focus order, or asks if a design is accessible.
Extract a brand voice guide from existing copy samples. Use whenever the user shares past copy and asks to define a voice, document a voice, create voice guidelines, or wants to make their existing voice teachable and repeatable.
| name | design-system-audit |
| description | Audit a codebase or design files for design system health, token drift, and inconsistency. Use whenever the user mentions design system audit, design token drift, design consistency, color drift, spacing drift, or wants to find and consolidate inconsistencies across components. |
extract every distinct design value used across a surface. find drift. propose consolidation.
for each category, pull every unique value found:
note: extract from actual usage, not from the token file. the gap between defined tokens and used values is the drift.
use perceptual distance for colors (CIE76 Lab is the default, not RGB euclidean).
for everything else, cluster within tolerance (e.g. spacing values within 2px, font sizes within 1px).
flag clusters where multiple "almost-the-same" values exist.
for spacing: what percent of values are multiples of 8? of 4? of neither?
if a clear ratio exists (e.g. 1.25x for major third), report it. flag outliers that don't fit.
per category: 10 = single canonical token set, no drift. 1 = chaos.
colors
distinct values: N
clusters with near-duplicates: [list]
contrast failures (text on bg): [count]
health: X/10
spacing
distinct values: N
on 8px grid: X%
on 4px grid: Y%
off-grid outliers: [list]
health: X/10
type
distinct sizes: N
detected scale ratio: [name or "no clear ratio"]
outliers: [list]
health: X/10
radius / shadow / z-index: same shape
proposed token set
colors: [minimum set covering ~90% of usage]
spacing: [recommended scale]
type: [recommended ramp]
migration order
1. [highest leverage change]
2. [next]
3. [next]