5分钟做出可上线官网：Cursor把“写代码”这件事直接抹掉了

还在为官网、落地页熬夜写代码？这个视频展示了一件反直觉的事：从零到上线，一个像样的产品官网，只需要一张截图和几句提示词。不是低代码，是“不写代码”。

最反直觉的地方：你不是在“写代码”，而是在“指挥代码”

Riley Brown 在视频一开始就把门槛踢翻了：不需要前端经验，不需要设计基础，甚至不需要知道 Tailwind 是什么。你做的事情只有三步——给 Cursor 一个模板、给它一张参考图、再用自然语言告诉它“照着这个来”。

关键点在于 Cursor 的 Agent 模式。它不是一次性生成代码，而是会“读完整个项目”，理解文件结构，然后自己决定该改哪、该加哪。比如你一句“把 app 名字从 Briefly 改成 Short”，它会同步修改页面标题、SVG Logo、metadata，甚至连样式里的细节都一起处理。这已经不是自动补全，而是一个能在代码库里自主行动的 AI Agent。

一句话总结这个反直觉体验：“你不是在写代码，而是在当产品经理。”

5分钟流程拆解：真正发生了什么

整个流程快到有点不真实，但每一步都很“工程化”。

第一步，新建一个空文件夹，用 Cursor 打开。Command + I 打开 Composer，切到 Agent 模式，粘贴作者提前准备好的 GitHub 模板提示词。Cursor 会自己跑 npm install、启动本地服务，Localhost：3000 直接能看。

第二步，给它一张截图。Riley 只是复制了一张别的网站图片，然后说了一句：“尽量一模一样，但把名字改掉。”接下来发生的事很关键：Cursor 会通读所有文件，自动生成 SVG Logo、补齐缺失的样式、修 Tailwind 报错。中间如果报错，你甚至不用看懂，直接把错误信息粘回去，它会自己修。

第三步，改定位、改风格、改品牌。比如把一个示例 landing page，改成“Create Inc”，一个展示 API 和 AI 工具的平台。你只需要描述“更干净”“更有设计感”“保持刚才的风格”，其余全是 Cursor 在干活。

真正的震撼不在生成，而在“交付”

很多 AI 工具都能生成页面，但停在“看起来不错”为止。这个视频真正拉开差距的，是后半段的交付流程。

Cursor 不只是帮你写完代码，还能一路把你送到线上。你告诉它：我新建了一个 GitHub 仓库。它直接给你命令，把本地项目推上去。接着一句“我要部署到 Vercel”，它会一步步跑部署流程：选账号、选项目、确认目录、看 build logs，直到给你一个可访问的链接。

最后一步，连很多开发者都嫌麻烦的域名绑定。Namecheap 里加 A Record、CNAME，值怎么填，你不用查文档，照着 Cursor 的指令做就行。结果是：一个带自定义域名、真实可访问的官网，而你几乎没碰过代码。

这对 AI 从业者意味着什么？

这个案例最值得警惕的，不是“做官网更快了”，而是角色边界在消失。

以前：想验证一个产品想法 → 找前端 → 对接设计 → 部署上线。
现在：一个人 + Cursor + 30分钟，直接上线。

当“写代码”变成一句自然语言指令，真正稀缺的能力不再是语法，而是判断：这个页面该长什么样？这个产品值不值得做？提示词本质上是决策的外化。

视频里有一句隐含的信息很重：Cursor 不是在教你前端，而是在把整个 Web 开发流程压缩成一个对话界面。

总结

如果你是 AI 从业者、独立开发者，或者只是想更快验证想法，这个视频给了一个非常现实的启发：别再把“技术实现”当成第一道门槛。工具已经进化到，你的想法清不清楚，才是唯一限制因素。下一次有产品点子，不妨直接用 Cursor 试一次——哪怕最后不上线，这个从“描述”到“交付”的过程，也会彻底改变你对开发成本的判断。

关键词： Cursor， AI Agent， 代码生成， Landing Page， Vercel

事实核查备注： 需要核查：视频发布时间（2025-01-10）、作者 Riley Brown、使用工具 Cursor、部署平台 Vercel、域名服务 Namecheap、Localhost 3000 端口描述是否与原视频一致