用途：创建自包含的 DESIGN.md 文件，以结构化设计令牌加人类可读说明定义项目视觉身份，基于 Google Labs 的 DESIGN.md 规范。文件既是设计系统的活文档，也是 AI 代理的参考依据。
主要能力：文件由 YAML frontmatter（机器可读令牌：colors、typography、spacing、rounded、components）与 Markdown 正文（设计理由与使用指引）组成。支持颜色十六进制值、字体族/字号/字重/行高/字距、带 px/em/rem 单位的尺寸，以及用花括号引用其他令牌（如 {colors.primary}）。正文按 Overview、Colors、Typography、Layout、Elevation & Depth、Shapes、Components、Do's and Don'ts 顺序组织，可按需省略。组件支持 hover、active 等状态变体。
使用方式：被要求创建时，先收集品牌个性、目标受众、颜色偏好与现有品牌资产，命名设计系统，先定义颜色与排版，再定义间距、圆角和组件，撰写各节理由并补充 Do's and Don'ts，最后校验令牌引用、十六进制颜色与尺寸单位。令牌可转换为 Tailwind 配置、Figma Variables、tokens.json 或 CSS 自定义属性。
限制：Claude Code 不会自动读取 DESIGN.md，需在 CLAUDE.md 中加入“Always read and follow DESIGN.md before making any UI or styling changes.”才会始终生效，否则仅在用户明确要求或触发该技能时读取。完整规范见 https://github.com/google-labs-code/design.md/blob/main/docs/spec.md。