设计
说明书

把产品意图、业务语义和视觉规则保存成一套可以被 Agent 继续读取的设计上下文。

01 / 快捷安装

安装

npx skills add lyx404/design-spec-book -s design-spec-book -g -y

02 / 使用说明

为当前项目生成设计说明书。

使用 $design-spec-book，为当前项目生成设计说明书。

读取最新代码，只更新对应的设计事实。

使用 $design-spec-book，读取当前项目的最新代码，同步更新相关的设计说明书。

指定页面或组件，更新它的视觉和交互规则。

使用 $design-spec-book，按照当前最新的视觉与交互规则，更新设计说明书。

03 / 它能做什么

spec功能目标、状态流转和验收标准

domain业务对象、术语、风险和责任规则

craft排版、信息密度、反馈和动效工艺

design颜色、字体、间距、状态 token 和视觉规则

components组件职责、语义边界和可访问性

template页面类型、App shell 和响应式起点