superdesigndev/superdesign-skill

解決的問題

編碼代理經常產生通用且低品質的使用者介面（稱為「AI垃圾」）。Superdesign 為這些代理提供設計判斷力，使其能產生符合特定設計系統、高品質且經過深思熟慮的 UI、簡報與圖形，而非依賴預設元件庫。

如何運作

它作為一種「技能」或外掛程式，可整合至各種編碼代理（如 Claude Code、Cursor 和 Codex）。系統運作方式如下：

1. 建立上下文：可從現有程式碼庫中提取設計系統，或根據樣式參考與使用者偏好建立新的設計系統。
2. 像素級範本：針對現有應用，會建立目前 UI 的像素級精確 HTML 副本，作為基準。
3. 迭代式設計：透過 CLI，代理可建立專案、分支不同設計變體（例如「極簡」對「大膽」），並在無限畫布上完善草稿。
4. 靈感工具：包含搜尋提示資料庫的功能，或透過 URL 從現有網站提取「設計 DNA」（樣式指南與設計標籤）。

適用對象

希望從一個構想快速推進至可交付的高保真 UI，且不離開其終端式編碼環境的開發者、獨立開發者與產品/UI 設計師。

核心亮點

• 跨代理相容性：支援超過 70 種編碼代理。
• 設計系統整合：透過讀取程式碼取得上下文，而非僅更換主題，將設計融入現有系統。
• 無限畫布：在可分支的視覺工作區中生成並迭代 UI、簡報與圖形。
• 網站提取功能：可直接從 URL 提取樣式指南與設計標籤。