用途：design-md 是一项面向 Stitch 项目的设计系统整理技能。它分析已有设计界面，把技术性设计值转写为自然语言描述，输出 DESIGN.md，作为提示 Stitch 生成新界面时保持既有设计语言的“事实来源”。Stitch 通过“视觉描述”配合具体颜色值来理解设计。
主要能力：提取项目标识与 ID；根据截图和 HTML 结构概括整体氛围；梳理配色并给出描述性名称、十六进制色值与功能角色；把 border-radius 等技术值转译为形状描述；说明阴影与层次；按固定结构输出 Markdown，涵盖视觉主题与氛围、配色与角色、字体规则、组件样式（按钮、卡片/容器、输入/表单）、布局原则。
使用方式：需具备 Stitch MCP Server 访问权限、至少含一个已设计界面的 Stitch 项目，并参考 Stitch Effective Prompting Guide（https://stitch.withgoogle.com/docs/learn/prompting/）。通过 MCP 工具先运行 list_tools 发现命名空间前缀，再用 list_projects（filter: "view=owned"）查找项目并提取 Project ID；用 list_screens 配合 projectId 查找界面并提取 Screen ID；用 get_screen 获取截图、HTML 代码、尺寸与设备类型等；用 get_project 获取 designTheme 等元数据。随后用 web_fetch 或 read_url_content 下载 HTML，解析 Tailwind 类、自定义 CSS 与组件模式，最后按指定结构生成 DESIGN.md。
适用场景：为已有 Stitch 项目建立可复用的设计规范文档，统一新界面的视觉语言，或在团队内传达设计决策的“为什么”。
限制：依赖 Stitch MCP Server 与已有设计界面；具体安装命令、收费与价格信息暂未提供；输出质量取决于可获取的截图与 HTML 元数据完整度。