specs-design
Installation
SKILL.md
specs-design
设计元素提取:从 demo 页面与 css 设计令牌中,按 design.md 规范生成设计系统文档(DESIGN.md),输出到 docs/specs/design/。
前置依赖(先检查,缺失就停)
- 必须存在:
docs/product/demo/(≥1 个 HTML 页面)。 - 共享样式来源:
docs/product/demo/下的独立 CSS 文件(css/style.css或与页面同级,Glob 定位);若无独立 CSS 文件,样式内联在各页面<style>中(按内联提取令牌与共享类)。 - 建议存在:
docs/product/sense.md(Overview 的品牌人格/受众/情绪参考)、docs/product/business-flow.md。 - 缺失必选项时,提示先运行
demo生成 demo 页面,结束。
参考规范(design.md)
三份源文档已备份到本 skill 的 refs/ 目录。需要参考原始文档时,优先读远端(WebFetch/curl),远端读不到就从本地 refs/ 读,避免网络问题导致流程中断:
- 说明:https://github.com/google-labs-code/design.md/blob/main/README.md ↔
refs/design-md-readme.md(Glob 定位**/skills/specs-design/refs/design-md-readme.md) - 格式规范:https://github.com/google-labs-code/design.md/blob/main/docs/spec.md ↔
refs/design-md-spec.md - 示例:https://github.com/google-labs-code/design.md/blob/main/examples/atmospheric-glass/DESIGN.md ↔
refs/design-md-example.md - 本 skill 的
templates/design-md-prompt.md已内嵌规范全部要点,subagent prompt 用它即可,无需联网。