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 檔案與專案原始碼結構之間的一致性。