用途:撰写或修订设计系统文档,即产品 UI 所依赖的可复用视觉与交互语言。适用于从产品方向/PRD 新建文档、把单薄令牌或组件清单扩展为完整系统、以版本化增量修订既有系统,或为设计系统模板填充有研究支撑的内容。不适用于评审设计系统、定义逐屏布局、产出高保真原型或交付编码组件库。
主要能力:以模板工具提供章节结构,本技能提供填充方法。内容含原则(3–6 条可操作信念)、设计令牌(原始/语义/组件三层,按意图命名,采用 W3C DTCG 格式,覆盖颜色、字体、间距密度、层级、动效、图标、主题)、组件目录(每个组件含用途、解剖、状态、变体、用法、无障碍六部分,统一 API 词汇)、模式、布局与国际化约定、WCAG 2.2 AA 数值化无障碍标准、语气与文案规则、生命周期与治理。
使用方式:读取产品方向与用户流程,识别产品原型;用深度研究支撑令牌与组件;按模板章节逐节填充;组件目录须覆盖真实屏幕用到的全部组件;无障碍写成可检查数字(文本对比度≥4.5:1,大文本/UI≥3:1,焦点可见且不被遮挡,目标尺寸 24×24,键盘可操作,减少动效,不单靠颜色);修订时做最小范围编辑并按 semver 与变更日志记录,破坏性变更先弃用再迁移。
限制:产物为文本 markdown(值加规格表),非渲染设计文件或编译令牌包;不得编造调色板、对比度或约定,未知项标为假设;方向过薄时应提出阻塞而非虚构目录;治理章节在单维护者、单消费者且非外部版本化时可省略。