用途：design-md 是一个设计系统整理技能，目标是分析 Stitch 项目的技术资产，将现有设计语言综合为一份名为 DESIGN.md 的“语义设计系统”文件。该文件作为提示 Stitch 生成与既有设计语言一致的新界面的“事实来源”。Stitch 通过“视觉描述”并结合具体颜色值来理解设计。
主要能力：通过 Stitch MCP Server 获取屏幕元数据与设计资产，包括截图、HTML/CSS 源码、屏幕尺寸与设备类型、项目级 designTheme（颜色模式、字体、圆角、自定义颜色）等；解析 HTML 中的 Tailwind 类、自定义 CSS 与组件模式；随后按固定结构输出 DESIGN.md，涵盖视觉主题与氛围、颜色调色板与角色、排版规则、组件样式（按钮、卡片/容器、输入/表单）、布局原则。
使用方式：需具备 Stitch MCP Server 访问权限、至少含一个已设计屏幕的 Stitch 项目，并参考 Stitch Effective Prompting Guide（https://stitch.withgoogle.com/docs/learn/prompting/）。流程为：运行 list_tools 发现 MCP 前缀；用 [prefix]:list_projects（filter: "view=owned"）查找项目并提取 Project ID；用 [prefix]:list_screens 查找屏幕并提取 Screen ID；用 [prefix]:get_screen 获取屏幕对象；用 web_fetch 或 read_url_content 下载 htmlCode.downloadUrl 的 HTML，可选下载截图；用 [prefix]:get_project 获取项目元数据。
适用场景：为 Stitch 项目建立可复用的设计语言文档，统一新屏幕生成时的视觉风格。
限制：依赖 Stitch MCP Server 与 Stitch 项目；资料未提供离线使用、价格、平台支持范围等信息。