design-md

design-md 技能是 Stitch 生态系统中设计系统负责人与开发人员的关键工具，旨在标准化 UI 生成流程。它通过对 Stitch 项目中现有的技术资产进行深度审核，将原始实现细节转换为存储于 DESIGN.md 文件中的人类可读“真相来源”。此文件作为提示 AI 代理的语义基础，确保每个新生成的屏幕都能与应用程序既定的视觉语言完美对齐。

• 自动提取设计标记，包括调色板（包含十六进制色码与功能定义）、字体规范与间距策略。

• 将技术性 CSS 与 Tailwind 类值转换为直观的描述性设计术语，例如“药丸形状”或“柔和扩散阴影”。

• 综合组件行为，包含按钮样式、容器层级与输入字段交互。

• 整合 Stitch MCP 服务器，实现项目元数据、屏幕版面、HTML/CSS 源代码与视觉截图的无缝获取。

• 遵循 Stitch 有效提示指南，确保所有输出皆针对高保真 UI 生成工作流程进行优化。

• 适用于需要在复杂的多屏幕 Stitch 应用程序中维护一致性的开发人员与设计师。

• 当您需要引导新的 AI 代理熟悉现有设计美学，或是扩展设计系统以满足新功能需求时，请使用此技能。

• 此技能需要访问 Stitch MCP 服务器，且必须拥有至少一个包含已设计屏幕的有效 Stitch 项目作为参考模型。

• 输出为结构化的 Markdown 文档，将项目 ID 映射至语义框架，涵盖视觉主题、氛围、色彩角色、几何形状、深度与排版原则。

• 用户应在项目根目录下执行此技能，以维持生成的 DESIGN.md 文件与项目源代码结构之间的一致性。