design-system｜设计系统审计、文档与扩展指令技能

design-system 是 anthropics/knowledge-work-plugins 仓库 design/skills 目录下的一份技能文件，属于宿主加载的指令技能，不是可独立安装运行的软件或设计工具。它的作用是给已接入的 AI 助手提供一套固定的设计系统工作方法：既可以审计现有体系的一致性，也可以为单个组件补写文档，还可以在既有体系约束下设计新组件或新交互模式。

适用人群主要是产品设计师、设计系统维护者、前端工程师和需要统一界面规范的团队。现实中常见的问题是组件命名各写各的、颜色和间距直接写死十六进制或任意数值、组件缺少状态与无障碍说明，这份技能给出的流程就是把这些问题系统化地梳理出来。

实际使用方式是通过斜杠命令选择三种模式：audit 做整体审计，document 针对某个组件写文档，extend 设计新组件或模式。使用时把组件名或系统范围作为参数传入，助手按照文件中预设的输出结构生成结果。以审计为例，输出包含问题汇总与评分、命名一致性对照表、设计令牌覆盖情况（列出定义数量与发现的硬编码值）、组件完整度表以及优先改进事项；文档模式输出描述、变体、属性、状态、无障碍要点、正反例与代码示例框架；扩展模式则要求先说明要解决的问题、与现有组件的异同、提议的接口与状态、使用的令牌与无障碍角色，最后列出待设计评审的开放问题。

输入通常是组件清单、代码或设计文件中的命名规范、令牌定义与组件实现；输出是结构化的 Markdown 报告或组件文档草稿。如果宿主接入了设计工具或知识库，可以从设计文件中读取图层与组件属性，或把更新后的文档发布到内部 wiki，否则需要人工手动提供材料。

获取与安装方面，该文件属于 Apache License 2.0 许可下的开源仓库内容，需要连同上级插件目录按宿主工具的方式加载，具体安装路径、支持的宿主环境和是否需要额外连接器配置均待核查。文件内引用了 CONNECTORS.md 说明连接器情况，实际连接器清单与可用性以仓库当前状态为准。

示例任务：对按钮和输入框组件做一次 audit，要求给出命名不一致项、硬编码颜色与间距的分布，以及补齐缺失状态和文档的优先顺序。助手会按模板输出表格与建议，但审计结论依赖所提供材料的完整度。

限制方面：该技能不直接修改设计文件或代码库，输出为建议与分析；扫描结果准确性依赖输入材料，未做实测验证；设计工具的读取能力和知识库发布能力取决于是否接入对应连接器，国内网络环境下相关服务能否访问待核查；设计与无障碍规范涉及产品合规判断，最终仍需设计师和人工评审确认，不能直接视为已通过验收。

官方来源：https://github.com/anthropics/knowledge-work-plugins/blob/02717ef04446b6ef5aa4b8af15bb536d79f42ed0/design/skills/design-system/SKILL.md

作者/维护方：anthropics/knowledge-work-plugins。采集日期：2026-11-13；依据官方资料经AI整理，未安装、运行或实测。

许可说明：Apache License 2.0（随仓库提供，具体版权归属与使用范围以仓库 LICENSE 为准）。具体子目录、依赖、模型和在线服务各自适用其条款。本站提供原创说明和来源入口，不随本文分发源码或凭据。