design-md

design-md 技能在 Stitch 生态系统中扮演着资深设计系统主管的角色。其主要目标是检查现有的 Stitch 项目（包括屏幕、HTML 结构和设计主题），并将其提炼为结构化、语义化的 DESIGN.md 文件。通过捕捉项目设计语言的“真实来源”，此技能使 Agent 能够生成与既有设计标记保持高度美学与功能一致性的新屏幕。对于希望在不偏离核心设计特征的情况下扩展 UI 开发的团队而言，此过程至关重要。

• 通过 Stitch MCP Server 自动获取屏幕元数据、项目主题和布局原则。

• 将 Tailwind CSS 类、十六进制颜色代码和边框半径等技术实现细节，转换为具描述性、人类可读的设计术语。

• 结构化文档以涵盖关键领域：视觉氛围、带有功能角色的调色盘、字体规范、组件样式（按钮、卡片、表单）以及布局原则。

• 通过提供标准化参考文件来提升提示效率，AI 模型可借此更好地理解和复制设计系统的特定“氛围”。

• 协助深入分析高程、深度和留白策略，以确保系统文档完整性。

• 在执行前，请确保可访问 Stitch MCP Server，且目标 Stitch 项目至少包含一个具有代表性的屏幕。

• 生成的 DESIGN.md 文件建议存储于项目根目录，作为使用 Stitch-design 或 enhance-prompt 技能时的即时参考。

• 进行分析时，该技能会优先提取用于氛围描述的自然语言形容词，这对 Stitch 对设计语言的解读至关重要。

• 适用于项目交接、引导新开发人员，以及在快速的 Agent 主导原型设计过程中维持样式一致性。

• 限制：DESIGN.md 输出的质量直接与 Stitch 项目资产中的技术成熟度及现有设计元数据相关。