用 Vibe Coding 三小时搭建一个完整网站
uVend是一个初创项目，做基于 AI 的智能售货柜——视觉识别、无人零售、运营数据分析。客户的要求是尽快搭建出产品着陆页。我用Claude Code 在大约三小时内完成了网站的设计、开发和部署，之后又完成了 logo 设计和投资路演用的幻灯片。
加速的全流程
以前使用WordPress，设计这样一版首页至少要1~2天。Vibe coding模式完全不同——客户提供产品大纲，我再辅以具体的设计风格提示词，很快就可以用claude code生成包括完整文案、图标、动效的高完成度整站。我的工作是确定适配的风格，保证网站看上去不是「一眼AI」，以及在生成结果上进一步优化。对于AI处理得不尽人意的部分，我会使用浏览器的开发者工具逐一检查，指示AI修正。
三小时，预览版上线。部署先使用 GitHub + Vercel，后来迁到 Cloudflare，服务器成本始终为零。随后我又在 Figma 里完成了 logo 设计，并为客户交付了投资路演用的幻灯片。
品牌标识与产品渲染——Logo 由三个柜体构成字母 V，售货柜贴图用 Nano Banana 生成。
不止一个方向
因为流程的提速，我有空间去探索不同的视觉风格。客户最终选择的是线上这版——浅色基底、紫色主色调、毛玻璃质感卡片——相比常见「稳重专业」的SaaS风格更能体现出差异性。另一个方向走的是深色底 + 科技感更强的路线，同样适合强调 AI 和数据分析的「技术实力」叙事。 能做多个方向的前提是单个方向的实现成本足够低。
交付成果
这个项目结构不复杂——单页着陆页而已。但从品牌到响应式网站到部署，几小时内做出可以让客户检视的成品，不依赖付费建站工具，放在两年前我是做不到的。我做完这个项目后也会思考：AI 工具的迭代速度这么快，设计师的价值在哪里？想来想去，大概还是视野、品味、对细节的关注。AI能帮忙加速，但上限还是由人决定。