用 Vibe Coding 三小时交付一个完整网站
uVend.ai 是一家美国初创公司，做基于 AI 的智能售货柜。客户需要品牌视觉、产品着陆页和投资路演材料。我用 Cursor 和 Claude Code 在大约三小时内完成了网站的设计、开发和部署，之后又完成了 logo 设计、产品渲染图和 pitch deck。
项目概述
uVend.ai 是一家美国初创公司，做基于 AI 的智能售货柜——视觉识别、无人零售、运营数据分析。客户需要品牌视觉、产品着陆页和投资路演材料。我用 Cursor 和 Claude Code 在大约三小时内完成了网站的设计、开发和部署，之后又完成了 logo 设计、产品渲染图和投资路演用的 pitch deck。
一个人的全流程
以前给客户建网站用 WordPress。模板风格是自定义的，设计上的控制力没问题，但工作方式始终是一个模块一个模块手动搭建——搭导航、搭 hero、搭功能介绍、搭定价表，每个板块分别处理，然后拼在一起。
用 Cursor 和 Claude Code 建站，模式完全不同。客户给了一个产品大纲，AI 直接从大纲生成高完成度的整站——不只是页面结构，连各板块的具体文案都一并扩展出来。我的工作变成在生成结果上做设计判断：打开浏览器的开发者工具，逐屏检查视觉节奏和间距比例，发现问题就指出来让 AI 修正。不是我亲手写每一行 CSS，但每一个视觉决策都经过我的眼睛。
三小时后，预览版上线。部署先走 GitHub + Vercel，后来迁到 Cloudflare，服务器成本始终为零。之后在 Figma 里完成了 logo 设计，同期为客户交付了投资路演用的 pitch deck。
品牌标识与产品渲染——Logo 由三个柜体构成字母 V，售货柜贴图用 Nano Banana 生成。
不止一个方向
因为效率上的余裕，我有空间去探索不同的视觉风格。客户最终选择了线上这版——浅色基底、紫色主色调、毛玻璃质感卡片——整体偏稳重、可信赖的 SaaS 调性。另一个方向走的是深色底 + 科技感更强的路线，适合强调 AI 和数据分析的"技术实力"叙事。
能做多个方向的前提是单个方向的实现成本足够低。这正是 vibe coding 工作流带来的真实好处——不是"随便糊一个"更快了，而是"认真做一版"的时间缩短到可以容纳探索。
因为效率上的余裕，我有空间去探索不同的视觉风格。客户最终选择了线上这版——浅色基底、紫色主色调、毛玻璃质感卡片——整体偏稳重、可信赖的 SaaS 调性。另一个方向走的是深色底 + 科技感更强的路线，适合强调 AI 和数据分析的"技术实力"叙事。 能做多个方向的前提是单个方向的实现成本足够低。这正是 vibe coding 工作流带来的真实好处——不是"随便糊一个"更快了，而是"认真做一版"的时间缩短到可以容纳探索。
交付成果
这个项目的价值不在网站本身的视觉复杂度——它是一个单页着陆页，结构不复杂。真正值得记录的是交付方式的变化：一个设计师，从品牌标识到产品渲染到响应式网站到线上部署，不依赖开发团队，不依赖付费建站工具，用 AI 辅助工具在几个小时内完成全部工作。
这代表的不是某个工具多好用，而是设计师的能力边界在这一轮工具迭代中被实实在在地拓宽了。