真没想到，这么快就被复刻出来了
大家先看看看下面这个前端页面，这是我用一个开源AI项目制作出来的。全程没敲一行代码，只是点了几下↓
你可能会说：AI不是早就擅长编程了吗？这有啥特别的？
AI更擅长实现功能，但在可视化设计方面并没有那么擅长。
为此，Anthropic专门推出了一款名为「Claude Design」的设计工具。这款工具专门用于设计前端页面，虽然推出还不到一个月，却已经广受好评。
看看网友的评论就知道含金量有多高了。
但话说回来，虽然好用，但缺点也很明显，就是有点小贵。而且它只支持使用Claude自家的大模型，灵活性也没那么高。
但最近，GitHub上有一款专门复刻Claude Design的开源项目非常火爆，Star数已经达到 3.4万，而且名字也很像，叫Open Design。
我前面展示的这个前端页面，就是用Open Design做出来的。
Open Design
以前所谓的AI设计工具，其实只是帮你生成一张草图，后续仍然需要你根据草图手动敲代码。
但如果让AI直接生成前端页面代码，往往又会出现各种问题。要么是动效有问题，要么是结构有问题。
比如下面这种，比较生硬的视觉效果：
因为代码生成模型并不能真正验证前端界面的呈现效果，毕竟它“看”不到页面，也无法完全模拟真人看到页面时的感受。
所以即使出现了问题，也很难立刻进行有针对性的修复。
而Open Design则内置了139套成熟的品牌设计系统。你也可以把它们理解为模板，但并不是生硬套用模板，而是AI会提取这些品牌设计的特点，再针对你的产品进行专门设计。
它还内置了73个Skill，基本可以开箱即用。
为啥这么说呢？因为OpenDesing并没有自带大模型，而是直接使用你的Agent工具来执行任务。
所以它才需要内置Skill，避免你的Agent在执行任务时找不到对应的工具。
总之，你可以把它看作一款高效、好用的前端设计工具。你只需要用一句话描述需求，它就能交付一份具体的前端设计文件。
如何使用
不同于一般的 AI 编程工具需要你编写足够精确的提示词，使用Open Design时，你只需要提出一个模糊的需求。
给大家看一下实际操作流程，你就明白了。
就像前面说的，它会直接调用你电脑中已经安装好的Agent，所以打开后基本不需要额外配置，直接就可以使用。
新建项目时，你可以在七十多种设计体系中进行选择，每一种都代表一种独特的风格，比如下面这些：
进入项目后，你会看到一个熟悉的AI对话窗口，你只需要把想要创建的页面需求发送给它即可。
比如我想做一个AI图片壁纸展示网站，直接把这句话发给它就可以了。
只需要一句模糊的需求就够了，不需要写一大堆复杂的设定提示词，因为接下来它会根据你的需求生成一份问询表单。
通过回答这份表单，你的需求会逐渐变得更清晰、更具体。
比如我创建的这个页面，它就问了我下面这些问题：
它大概会问我需要几个页面、具备哪些功能、想要什么样的视觉风格，以及需要适配哪些设备等问题。
填写完成之后直接发送答案，它就会开始自动制作了。
这是完成后的效果：
是不是觉得它看起来有点平平无奇？
其实这正是Open Design的特点：它不会一上来就编造一些数据和图片素材填充到网页里，而是会给你留出足够的空白。
现在我们把图片加上去之后，再来看看效果：
该有的功能基本都有，比如瀑布流展示、图片分类、搜索和收藏等。它不仅功能完整，视觉效果也达到了一流水准。
当鼠标移动到图片上时，还会出现轻微浮起的动态效果，处理得非常细腻。
最重要的是，我们可以直接导出完整的压缩包或HTML文件。它给你的不是一堆零散代码，而是一个真正可以交付的完整项目。
同时，它也支持通过选中区域进行精确编辑，方便你有针对性地对局部内容进行修改。
如何安装
这是一个发布在GitHub上的开源项目，你可以将下面三行命令依次输入终端，完成安装：
git clone https://github.com/nexu-io/open-design.gitcd open-designpnpm install && pnpm dev:all
但对于没接触过终端的新手来说，这个过程会比较麻烦，因为你还需要安装 Git 工具以及各种依赖。
如果你手头有一些Agent工具(比如小龙虾)，也可以直接把项目链接丢给它们，它们通常会自动帮你完成安装。
项目链接：github.com/nexu-io/open-design
不过最简单的方式，还是直接使用开发者提供的安装包。之前开发者并没有提供编译好的版本，但最近已经上线了官方安装包。安装包下载：https://open-design.ai/ 总结一下
我觉得Open Design算是补上了用 AI 制作互联网产品流程中的最后一块短板：以前是 AI 写功能，人来写前端，Agent 干杂活。
现在前端也不一定需要人来手写了，像Claude Design和Open Design这类设计+交付工具，基本就能直接搞定。
不过Open Design的优势在于它完全免费，而且不限制模型，你觉得哪种模型好用，就可以用哪种模型。
做完前端之后，你还可以直接把前端项目和后端功能都交给Agent，让AI帮你调整开发环境，并打通前后端数据。
这样一来，才算是真正实现了“你只需要提出一个创意，剩下的都由AI来完成”。
开源地址：
https://github.com/nexu-io/open-design
但话又说回来了，虽然互联网产品的AI制作全流程已经基本打通，但整个流程的起点，取决于你的创意，这才是真正重要的。
