nexu-io/open-design
🎨 The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen & 20+ CLIs via BYOK.
解決的問題
Open Design 透過提供開源、本地優先的替代方案,解決了閉源設計工具的局限性。它允許使用者超越基於文本的 LLM 輸出,生成功能齊全且符合品牌規範的設計產出(如 Web 原型、簡報與動態圖形),這些產出可以直接被編碼代理使用與編輯。
工作原理
該平台作為一個功能技能、設計模板與外掛程式的文件系統運行,編碼代理(如 Claude Code、Cursor 或 Copilot)可以對其進行讀取、寫入與重混。它使用 DESIGN.md 檔案作為品牌契約,以確保所有生成的輸出(從 HTML 原型到 MP4 動態圖形)都符合特定的設計系統。它透過 MCP 伺服器支援各種工作流,使其能夠直接整合到主流編碼代理中。
適用對象
- 開發者與編碼代理: 希望將高品質設計能力直接整合到現有 IDE 與 CLI 工作流中的使用者。
- 設計師與產品團隊: 正在尋找開源方式來自動化重複性設計工作流,並透過程式化設計系統來維持品牌一致性的團隊。
- 內容創作者: 需要使用代理工作流來生成高解析度圖像、影片與簡報的使用者。
亮點
- 多模態產出: 生成 Web/行動裝置原型、即時儀表板、簡報 (PPTX/PDF)、圖像與動態圖形 (MP4)。
- 代理原生整合: 透過安裝 MCP 伺服器支援超過 25 種編碼代理。
- 可組合技能: 使用基於外掛程式的架構按需擴展生成能力。
- 本地優先桌面應用程式: 提供 macOS 與 Windows 原生應用程式。
- HyperFrames 整合: 包含用於程式化動態圖形的代理原生影片框架。