用途:协作创建设计系统规范,产出记录设计哲学、设计令牌以及从原子到模板的完整组件层级的文档。若 Pencil MCP 可用,产物为 docs/design-system.pen;否则回退为单文件 docs/design-system.html。
主要能力:按七阶段流程推进——哲学与约束、设计令牌、原子、分子、组织、模板、产物组装。每阶段完成后再进入下一阶段。令牌覆盖颜色、字体、间距、圆角、阴影、动效、断点、透明度等类别,每个令牌需引用一条哲学原则;原子只引用令牌,分子只组合原子,组织只组合分子与原子,模板只排列组织。组件需记录状态(默认、悬停、聚焦、禁用、错误等)。
使用方式:先检测 mcp__pencil__get_editor_state 是否可用以决定格式,开始后不得中途切换。技能以引导者角色提问,不替用户假设视觉偏好;若 docs/event_model/ 存在事件模型线框图,可用于识别所需组件但仍需与用户确认。
限制:不负责技术选型(CSS 框架、组件库等),这些属于 architecture-decisions。组件中禁止出现原始颜色码、像素值、字号或间距值,仅用令牌引用;不得用大量一次性令牌规避复用要求。哲学须为可检验的具名原则,“现代简洁”之类不构成约束。所有模式均为建议性,阶段门禁与令牌可追溯性由代理自行执行。可与 event-modeling、architecture-decisions、atomic-design、tdd 配合使用。