stitch-design-md 是一个面向设计系统整理的设计技能，目标是把 Stitch 项目中的既有设计资产分析并综合成一份名为 DESIGN.md 的语义化设计系统文档。DESIGN.md 的核心用途是作为源素材，用于提示 Stitch 生成与既有设计语言一致的新屏幕，因为 Stitch 通过视觉描述和具体颜色值来理解设计。
用途
该技能适用于从已有 Stitch 屏幕中提取风格指南、建立视觉一致性，以及为 Stitch 生成准备设计系统文档。使用范围有明确约束：仅当用户明确提到 Stitch，或正在为 Stitch 生成准备设计系统文档时才可使用。
主要能力
技能会分析 Stitch 项目资产，并综合出语义化设计系统。具体包括：从截图与 HTML 中提取项目身份、定义整体氛围（情绪、密度、美学倾向，例如通透、极简、实用主义）；映射色彩体系，为每种关键颜色给出描述性名称、十六进制色值及功能角色；将几何与形状规则转译为自然语言，例如圆角、直角等；描述层次与阴影，例如扁平、极轻扩散阴影、重投影等。最终按规定的 Markdown 结构输出，覆盖视觉主题与氛围、色彩与角色、排版规则、组件样式、布局原则，以及供 Stitch 生成使用的设计系统说明。
使用方式
使用前需要满足前置条件：配置 Stitch MCP 服务器，并存在一个至少包含一个已设计屏幕的 Stitch 项目。技能通过 Stitch MCP 获取项目与屏幕数据，可调用列项目、列屏幕、获取屏幕、获取项目等工具来读取元数据，并下载 HTML 与截图。当用户提供 Stitch 设计页面链接时，可从 URL 中解析 projectId 与 screenId，直接获取对应屏幕，无需先调用项目或屏幕列表。当项目或屏幕 ID 未知时，可先进行命名空间发现，再按标题查找目标项目与屏幕，最后获取元数据与资产。获取到的 HTML 会用于解析样式类、自定义 CSS 和组件模式。
适用场景
首次使用时，可从既有 Stitch 屏幕生成 DESIGN.md。多页面场景中，可将 DESIGN.md 的相关部分注入提示，配合多页面构建流程使用。需要框架特定约束时，可将 DESIGN.md 与相应的框架设计规范结合使用。
限制
资料中未提供该技能的收费、价格、具体平台兼容范围或效果保证。使用受前置条件限制：必须先配置 Stitch MCP 服务器，且目标 Stitch 项目至少有一个已设计屏幕。技能仅适用于 Stitch 相关场景，不得在用户未提及 Stitch 或非为 Stitch 生成准备文档时使用。