Open CoDesign最新版

Open CoDesign 是一款开源、Local-first（本地优先）的 AI 设计工具。它允许你将自然语言提示词直接转化为高完成度的 HTML 原型、幻灯片和营销素材，且整个过程完全在你的本地电脑上运行。

它是 Claude Design 的开源替代品，但更加开放和自由：支持任意大模型提供商（Claude, GPT, Gemini, Ollama 等），数据隐私掌握在你手中，且无订阅制绑定。

核心优势

快速开始

1. 安装

支持 macOS, Windows, Linux。推荐使用包管理器一键安装：

# macOS (Homebrew)
brew install --cask opencoworkai/tap/open-codesign

# Windows (Winget)
winget install OpenCoworkAI.OpenCoDesign

# Windows (Scoop)
scoop bucket add opencoworkai https://github.com/OpenCoworkAI/scoop-bucket
scoop install open-codesign

或者从 GitHub Releases 下载对应平台的安装包。

⚠️ macOS 用户注意：由于 v0.1.x 版本尚未签名，在 macOS Sequoia 15+ 上可能需要通过终端移除隔离属性才能打开：
xattr -cr "/Applications/Open CoDesign.app"

2. 配置 API Key

首次启动时，应用会引导你配置 API Key。支持：

• Anthropic (sk-ant-...)
• OpenAI (sk-...)
• Google Gemini
• OpenAI 兼容中继：如 OpenRouter, SiliconFlow, 或本地 Ollama。

凭证加密保存在 ~/.config/open-codesign/config.tom6，除非模型提供商需要联网，否则请求内容不会离开你的机器。

💡 小技巧：如果你已在使用 Claude Code 或 Codex，可以直接一键导入现有的 Provider 和 Key 配置。

3. 开始设计

输入提示词，或从 15 个内置 Demo（如 Landing Page, Dashboard, Pitch Slide 等）中选择起点。Agent 会自动规划、生成代码，并在沙箱中实时渲染可交互的原型。

内置设计能力

为了避免 AI 生成“差不多就那样”的设计，Open CoDesign 内置了 12 个设计技能模块：

• 幻灯片、仪表盘、落地页
• SVG 图表、玻璃拟态、编辑风排版
• Hero 区块、价格页、页脚
• 聊天界面、数据表格、日历

模型在生成 CSS 前，会自动判断需求并调用相应技能，确保布局、留白和配色符合专业标准。你也可以通过添加 SKILL.md 文件来教模型你的专属设计风格。

工作流特性

• 实时 Agent 面板：流式展示模型的思考过程、文件编辑操作及工具调用。
• Comment Mode：点击预览中的任意元素留下批注，模型只重写对应局部代码。
• 多端预览：一键切换手机、平板、桌面视图，测试响应式效果。
• 即时设计切换：最近 5 个设计保持 iframe 存活，切换零延迟。
• 透明成本：侧边栏实时显示当前会话的 Token 消耗。
• 多种导出：支持导出为 HTML (内联 CSS), PDF, PPTX, ZIP 或 Markdown。

开发路线图 (Roadmap)

• Now (v0.1.x)：打磨 Provider 配置体验，完善连接诊断，优化日志与错误报告。
• Next (v0.2)：文件系统支持（直接读写真实项目目录），增强导入能力。
• Later (v0.3+)：成本预算控制，版本快照与 Diff，多风格并行探索，从代码库提取设计系统 Token。
• Future (v0.5 – 1.0)：代码签名与自动更新，Figma 图层导出。