实测，用 AI (Stitch + Codex) 给产品做个官网

作为一个写了 10 年代码的老程序员这几年听得最多的一句话就是“AI 已经可以写代码、做设计了。”但说实话我一直是半信半疑的状态停留在 Cursor 刚出来的那会儿。于是今天我决定不看别人说自己动手实测一把用 Stitch Codex给我正在做的产品Tapero搞一个官网出来。 想直接看效果的可以去tapero.io我是怎么做的整个流程其实比我想象中简单很多大致分 3 步走第一步、先让 ChatGPT 帮我“想清楚”一开始我没有急着动手画 UI 原型而是先做一件很关键的事把产品讲清楚我先梳理了 Tapero 的几个核心点是什么AI Web Agent / 自动化工具能做什么自动化操作网页、抓数据、填表单目标用户是谁不会写代码的人也能用有什么亮点用自然语言就能生成 workflow然后我把这些丢给 ChatGPT让它帮我输出Landing Page 的结构Hero / How it works / Use cases / FAQ 等每一块该放什么内容再进一步帮我生成Stitch 用的提示词 示例提示词给 StitchDesign a modern SaaS landing page for a product called Tapero. Style: - Minimal, futuristic, soft gradients - Jellyfish-inspired color palette (blue, purple, soft glow) - Light dark mode friendly Sections: 1. Hero section with headline: Turn Your Browser Into an AI Worker - Subtext explaining automation via natural language - CTA: Join Waitlist 2. How it works (3 steps with icons) 3. Use cases (automation, scraping, monitoring) 4. Advantages (no-code, self-healing, powerful engine) 5. FAQ 6. Waitlist section Visual: - Subtle animated background (floating particles, jellyfish-like glow) - Clean layout, large spacing这一步其实非常关键你描述得越清楚后面 AI 发挥得越好。第二步、用 Stitch 生成设计稿接下来就是把提示词丢进 Stitch。它直接帮我生成了一个完整的 Landing Page 设计稿。我的实际感受是布局OK有产品感风格基本在线细节有点“AI 味”但能接受整体来说大概能做到“60% 满意度”但这 60% 已经很值钱了因为从 0 到 60比从 60 到 90 难太多了。看看 Stitch 生成设计稿的效果第三步、把设计稿交给 Codex 复刻接下来是最关键的一步 把设计稿交给 Codex让它写代码实现我给它的要求大概是技术栈Next.js Mantine UI next-intl支持 Light / Dark Mode尽量还原设计稿结构和风格 示例提示词给 CodexBuild a landing page based on the provided design. Tech stack: - Next.js (App Router) - Mantine UI - next-intl (i18n support) Requirements: - Responsive layout - Light dark mode support - Clean component structure - Reusable sections (Hero, Features, FAQ, Waitlist) Style: - Soft gradients (blue / purple) - Subtle background animation (floating glow / particles) - Modern SaaS aesthetic Output: - Full project structure - Components split by section - Clean, readable code然后就是不断对话、微调“这个间距不太对”“这里再高级一点”“背景动效弱一点”多轮下来它真的能越改越接近我想要的效果。总结一下这次实测下来我的真实评价是Stitch还不错但需要你会“提示词工程”大概做到 60%适合快速起稿、找方向Codex非常强多轮对话之后可以逼近我想要的效果已经能承担“前端工程师”的一部分工作了 组合起来就是ChatGPT 构思 - Stitch 起稿 - Codex 负责落地一点小感慨以前做一个产品你至少需要设计师前端后端测试现在呢一个人 AI就够了。这件事我其实挺震撼的然后现在很多人会焦虑、会担心AI 会不会抢走我们的工作但我更倾向于这样看汽车出现的时候马车夫确实失业了但司机这个职业也随之出现AI 也是一样。你可以选择焦虑也可以选择成为那个“会开车的人”。学会用 AI你不是被替代的那一批而是效率碾压别人的那一批。