AIWare (@aiwaremax) “狂揽 10.7 万星！别再让 Claude Code 和 Codex 在空白上下文里“盲猜”页面审美了。 很” — TopicDigg

狂揽 10.7 万星！别再让 Claude Code 和 Codex 在空白上下文里“盲猜”页面审美了。 很多人用编码 Agent 写前端常遇到同一个死结：单看一个组件还能凑合，一旦连成完整的 SaaS 落地页、数据后台、路演 PPT 和产品宣传片，字号、圆角和配色瞬间散架，改一处主色还得把所有文件贴回对话框推倒重来。 nexu-io 开源的 OpenDesign（GitHub 107,102 Stars），直接给出了一套本地优先（Local-First）的开源版 Claude Design 工作台。它最讨巧的设计在于不捆绑任何专有黑盒 Agent，而是直接复用你机器 PATH 里现成的 26 款编码 Agent CLI（Claude Code、Codex CLI、Cursor、DeepSeek Harness dsh、OpenCode、Kimi CLI 等），或通过 BYOK 直连主流大模型 API。 装上它之后，你的编码 Agent 背后直接多了一座四维弹药库： 1. 151 套大厂级设计系统（design-systems/）：内置 Stripe、Linear、Apple、Vercel、Claude、Notion、Raycast、Shopify 等品牌的完整 DESIGN.md 与 tokens.css，也可传一张参考截图自动逆向提炼品牌规范。 2. 277 个官方插件 + 183 个可混音示例（plugins/_official/）：覆盖 13 大核心设计场景、45 套生图模板、63 套视频模板与 143 套品牌插件包。 3. 20 类核心渲染模板（design-templates/）：从带 iPhone 15 Pro 真机边框的 App 原型、带实时筛选的数据看板，到 guizang-ppt 杂志级幻灯片（15 套模板 × 36 套主题，一键导出 HTML/PDF/PPTX）。 4. 原生集成 HeyGen HyperFrames 视频引擎：让 Agent 写 HTML + CSS + GSAP 时间轴，由无头 Chrome + FFmpeg 渲染零闪烁的确定性 MP4 宣传片。 30 秒把 OpenDesign 挂进你的终端 Agent： od mcp install claude-code od mcp install codex od mcp install cursor 若尚未安装 od CLI，可先用官方脚本一键安装并挂载： curl -fsSL | sh -s claude-code 挂载后直接在终端里对 Agent 下指令即可开干： Use open-design to generate a landing page with the Linear design system