你不需要最强的模型——为什么 Open Design 在任何引擎上都好看
对“任意模型”承诺的一次诚实测试——如果 Claude Opus 本就擅长设计，那么让人们自由挑选任意模型还有意义吗？Better Stack 用一个低成本模型（通过 OpenCode 调用 GLM）重新设计了一个真实应用，展示了为什么无论用什么引擎，Open Design 的设计系统 + 技能都能撑起最终成果。基于 Better Stack 的评测。
关于 Open Design，有一个怀疑论者会提出的合理问题：Claude Opus 4.7 在前端设计上确实很强，那么让人们挑选任意模型还有意义吗——难道大多数模型不会在设计上都很差吗？本指南通过测试一个低成本模型、看看结果是否站得住脚来回答这个问题。它沿用了 Better Stack 在他们的视频中给出的评测，并按当前版本重写、更新到最新。可以观看上方的视频，或继续阅读文字版。
Open Design 工作区：描述你想构建什么、选择一种模式，剩下的交给你的智能体。
什么是 Open Design？
Open Design 是 Claude Design 的开源替代品，它让你使用任何你已经拥有的智能体或模型来生成网页原型、移动应用和 HTML 幻灯片——内置了一整套品牌级的设计系统，并且每个项目都留在你自己的机器上（任何东西都不会上传到云端）。封闭工具是专有的、仅限云端、锁定单一模型，并且受订阅限制；Open Design 移除了所有这四项约束。
为什么无论用什么模型，成果都很好
怀疑论者的担忧假设了所有设计思考都由模型完成。Better Stack 的核心洞见是：在 Open Design 中，有两样东西撑起了质量，因此原始模型的重要性比你预期的要低：
- 设计系统——完整的品牌规范，包含排版、间距和颜色令牌，取自 Linear、Stripe 和 Spotify 等品牌。外观不是由模型即兴发挥的；它由系统定义。
- 技能——每种输出类型对应一个。幻灯片技能知道如何组织幻灯片；落地页技能知道有哪些版块。每个提示词里甚至还内置了一份反 AI 味的清单，并且在生成之前，它会询问你的受众、语气和品牌。
所以模型并不是在自由发挥设计——它是在执行一个被详尽规定好的系统。这就是为什么即便是非顶级模型也能产出真正拿得出手的东西。
插件中心：浏览注册表、导入插件，并为你的团队准备好它们。
第 1 步——安装并选择一个（低成本）模型
下载 macOS/Windows 版本，用 Docker 克隆并运行，或从源码运行。运行起来后，打开本地 URL。设置里会显示它检测到的智能体框架——Claude Code、Codex、OpenCode。Better Stack 故意选择了 OpenCode 并把模型切换为一个低成本选项（GLM），以此对“任意模型”的说法进行压力测试。（Codex 甚至允许你设置推理强度；像 GPT Image 和 ElevenLabs 这样的媒体提供方也可以接进来。）
插件库：直接从注册表安装技能——包括反 AI 味的设计技能。
第 2 步——压力测试：用一个低成本模型重新设计一个真实应用
挑选一个设计系统（Better Stack 喜欢 Miro 那个——它会显示令牌和一份 DESIGN.md），选择 Prototype，然后交给它一个真实任务：重新设计一个现有应用。Better Stack 传入了一个线上应用的 URL，并要求做一个更好看的版本。Open Design 的智能体先跑了一遍发现性问题，随后用它的智能体浏览器真正访问了该站点、读取了输入框和页面、拉取了真实数据——无需手动复制。大约二十分钟后（低成本模型不是最快的），它产出了一个干净、多页面的重设计——带高级筛选的搜索页、使用真实数据的结果页、一个收藏页、一个隐藏/归档状态——全部都跑在一个非 Claude 的低成本模型上。结论是：设计系统 + 技能撑起了它。
第 3 步——定稿并交付
完成后，定稿设计包，将所有内容（对话记录、设计系统、产物）综合进一份 DESIGN.md，或者点击 Share 以不同格式导出——可以导出独立的 HTML 交给 Claude Code 用于你的真实项目，或者部署到 Vercel 或 Cloudflare Pages。
诚实的结论
Better Stack 很客观：如果你已经在为一个编码智能体付费（Claude 之外的），并且对你想要的方向有个大致想法，那么 Open Design 就是个不假思索的选择——设计系统加技能的组合意味着它能产出像样的东西，无论用什么框架或模型。公平的提醒是：它假设你对设计懂一点（它一开始就要求你选一个设计系统），而且在最精细的打磨上，顶级模型仍然略胜低成本模型一筹。但核心论断成立——你不需要最强的模型也能得到好结果。
小贴士
- 别过度纠结于模型——挑一个设计系统和一个技能；它们撑起了外观。
- 低成本模型（GLM/DeepSeek 等）足够应付大多数设计工作；把顶级模型留给最后的打磨。
- 给它一个 URL，让智能体浏览器读取真实站点/应用来重新设计它。
- 定稿设计包，得到一份干净的
DESIGN.md用于交接。 - 导出 HTML 或部署到 Vercel/Cloudflare 来交付。
常见问题
用一个非 Claude 模型来做设计有意义吗？ 有意义——Open Design 的设计系统和技能定义了外观与结构，所以即便是低成本模型也能产出拿得出手的成果。顶级模型只在最精细的打磨上略微领先。
它能重新设计一个现有站点/应用吗？ 可以——给它 URL；智能体浏览器会访问该站点、读取它的页面和数据，并基于此构建一个重设计。
它最适合谁？ 那些已经在为编码智能体付费（Claude 之外的）、并且对想要的设计方向有大致感觉的人。
它免费吗？ 这个应用是 Apache-2.0 许可下的开源软件，本地运行免费。你只需为你所连接的智能体和提供方的模型与媒体用量付费。
这篇文字指南基于 Better Stack 的评测。观看上方的完整视频，并订阅 Better Stack 获取更多实用的 AI 工具测试。