设想一下，如果你完全不懂代码，却想拥有一个自己的网站，该怎么办？大模型技术的爆发，让“人人都是程序员”这句话变得越来越真实。ChatGPT这类产品确实能帮你生成代码，但往往需要反复调整、耗费精力，而且最终效果离“专业”还有一段距离。

有没有更省力的办法？最简单的思路是——直接克隆你喜欢的网站。传统做法是程序员去扒目标网站的源代码，而现在，你只需要给AI一张截图，告诉它“我要做成这样”，它就能把页面还给你。没错，就是截张图的事。

接下来用一个实际案例，从零搭建一个AI搜索产品，用大白话搜索AI工具。整个流程依赖两个工具：Claude 3.5 Sonnet 负责前端代码生成，扣子 负责后端API数据响应。

Claude 3.5 Sonnet 是 Anthropic 最新发布的旗舰模型，代码生成和多模态能力相当惊艳，下面会看到它到底有多强。

用Claude 3.5 Sonnet 生成前端代码

官方提供了一个登录页面的demo，最开始只是抱着试试的心态，结果效果出乎意料——然后才动了“克隆一个网站”的念头。

最近AI搜索产品Genspark很火，页面简洁干净，一直很喜欢。我甚至专门写过一篇文章介绍它（AI搜索市场迎来强大对手，Genspark获6000万美元融资）。既然要克隆，就从它入手。先把页面的主要部分截图保存，然后以附件形式上传到Claude。

提示词非常简单：“Convert this design into a html code”（或者直接输入中文“把这个UI设计转换成html代码”）。

运行代码后，效果惊艳——几乎完全复刻！

目前只是静态页面，接下来要让它支持动态数据请求，比如搜索“AI写作产品有哪些”时能返回结果。这就需要用到API来提供数据了。传统做法需要自己写后端代码、准备API，但现在通过扣子这样的智能体搭建平台，可以零代码完成——你不需要懂任何编程。

用扣子搭建智能体，提供数据和API

先在扣子上创建一个包含知识库的智能体，用来推荐AI工具。我搭建了一个名为“AI工具箱”的智能体，效果如下。

然后点击发布，勾选API。此时需要先创建访问令牌，进入配置页面，添加新令牌即可。

接下来，进入API使用教程页面，通过示例代码只需要获取两个关键信息：代表个人身份的 Access_Token，以及智能体的ID。

通过参数流程中的流程，可以轻松拿到智能体ID。

信息准备就绪后，开始编写调用API的代码。这部分代码同样可以交给Claude生成——只需要把你的前端代码、官方的请求示例和响应示例一起喂给它。为了安全起见，将AccessToken和智能体ID留空，后续自己替换。

刷新页面后，输入自然语言，比如“有哪些好用的AI写作工具”，点击发送，大约10秒后就能返回匹配的AI工具列表。

核心功能已实现。虽然体验还不够完美——返回数据较慢、内容堆叠在一起、链接不能直接点击——但后续可以持续迭代完善。

通过这个例子可以看到，大模型对编程体验的提升是革命性的。无论你是程序员还是门外汉，写代码的成本都大幅降低了。关键在于你能否把需求拆解成清晰的步骤和要素，然后用自然语言准确地描述给AI，之后不断调试优化。这才是新时代的“编程能力”。