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 專案資產中的技術成熟度及現有設計元數據相關。