主题
阶段3：AI编程快速上站
目标
用 AI 工具快速做出 MVP 并上线，实现需求验证闭环
推荐工具
| 工具 | 用途 | 优先级 |
|---|---|---|
| ChatGPT | 需求讨论、方案对比、生成需求文档 | 必备 |
| v0.dev | 原型设计、MVP生成 | 必备 |
| Bolt.new | 原型设计、全栈原型 | 推荐 |
| Cursor | AI编程、代码合并 | 必备 |
| Claude Code | 复杂修改、批量操作 | 推荐 |
| Vercel | 部署上线 | 必备 |
| Context7 MCP | 最新文档注入 | 推荐 |
开发流程
步骤1：需求讨论（和 AI 聊）
目的：让AI帮你明确MVP核心功能，避免做半成品。
操作方法：
- 使用ChatGPT视频或语音聊天（效率更高）
- 给出想法，让AI头脑风暴
- 让AI给出最核心、最基础的功能（MVP）
- 明确MVP目标：快速验证假设，测试用户付费意愿
关键公式（刘小排）：
什么人？在什么场景下？愿意花多少钱？解决什么问题？
步骤2：AI积木选择
目的：确定产品需要的AI模型能力。
模型平台：
| 平台 | 用途 | 备注 |
|---|---|---|
| OpenRouter | 文本模型 | 综合平台 |
| Replicate | 图片/音频模型 | 推荐 |
| 硅基流动 | 国内替代 | 中文友好 |
| ismaque | 便宜替代 | gpt-4o比官方便宜 |
选择方法：
- 把模型列表链接给ChatGPT，让它推荐合适的模型
- 指定平台和需求，让AI给出5个推荐+理由+推荐值
- 确定后去平台测试调用效果
步骤3：形成需求文档
目的：生成完整的需求文档，包含技术细节。
提示词模板：
主要能力是 [描述核心功能]
技术栈：NextJS Typescript
使用模型：[模型名称]
参考文档：[模型API文档链接]
文档中需要：API KEY、示例代码、示例输入、示例输出
你是世界上最棒的设计师和产品经理，给我生成需求文档防坑要点：
- 需求文档必须包含 API KEY、示例代码、示例输入、示例输出
- 否则AI生成的代码容易调用失败
- Cursor安装 Context7 MCP 可自动获取最新文档
步骤4：原型设计（v0/bolt/cursor）
目的：快速生成可视化MVP原型。
操作方法：
- 上传需求文档给 v0、bolt、cursor
- 同时生成，对比效果，选择最满意的
- 生成错误时直接让AI修复
- 修复失败则重新生成
工具对比：
| 工具 | 特点 |
|---|---|
| v0.dev | Vercel官方，适合Landing Page |
| Bolt.new | 全栈原型，可直接Publish分享 |
| Cursor | 本地开发，可控性强 |
| Lovable | 同类型工具 |
| same.new | 同类型工具 |
| readdy.ai | 同类型工具 |
| Google Stitch | 仅UI，免费 |
步骤5：引入 Starter Kit
目的：让网站更精美，具备完整SaaS能力。
免费方案：
- 克隆项目：https://github.com/nobruf/shadcn-landing-page
- 配置主题：https://zippystarter.com/tools/shadcn-ui-theme-generator
- 选择颜色，Copy code 粘贴到
app/globals.css - 合合MVP代码到模板项目
付费方案（一步到位）：
| Starter Kit | 特点 |
|---|---|
| MKSaaS | 基础SaaS模板 |
| ShipAny | 完整功能 |
| MakeKit | 简洁 |
| SupaStarter | Supabase集成 |
| Shipfast | 热门模板 |
| SaasyKit | 支付集成 |
购买前先搜索优惠码！
合并代码提示词：
请先查看 @[MVP目录] 是做什么的
然后修改 [目标模块]
把 @[MVP目录] 里的核心功能放到里面
注意风格需要和原来保持一致
使用统一的全局样式 @globals.css步骤6：部署上线
部署平台：
| 平台 | 用途 | 优势 |
|---|---|---|
| Vercel | 主部署 | NextJS完美配合，免费额度够用 |
| Cloudflare | CDN/安全 | 防刷能力 |
部署流程：
- 提交代码到GitHub
- Vercel导入GitHub项目
- 等一分钟自动上线
- 绑定自定义域名
域名配置：
| 工具 | 用途 |
|---|---|
| instantdomainsearch.com | 批量查域名注册情况 |
| query.domains | 一键查不同后缀 |
| virustotal.com | 查域名黑历史 |
| namecheap / spaceship | 域名购买（搜优惠码） |
域名邮箱：使用 Zoho 绑定域名邮箱（如 support@domain.com）
技术选型
| 层面 | 选择 | 原因 |
|---|---|---|
| 前后端 | NextJS + Tailwind CSS | AI熟悉，基础设施完备，部署简单 |
| 数据库 | Supabase | 免费2项目，集成登录 |
| 支付 | Creem（无海外卡） | 支持支付宝绑定 |
| 支付 | Stripe（有海外卡） | 国际标准 |
| 支付 | PayPal（国内公司） | 企业方案 |
支付申请要点（Creem）
审核条件：
- 网站功能完整，能正常使用
- 有隐私政策和服务协议
- 不能有虚假内容（如虚假用户证言）
- 有联系邮箱（support@domain.com）
防坑清单
| 坑点 | 原因 | 正确做法 |
|---|---|---|
| 需求文档缺API信息 | AI生成的代码调用失败 | 必须包含API KEY、示例代码、示例输入、示例输出 |
| Cursor一次做太多 | AI偷懒或乱做 | 先对齐颗粒度再开发，分步执行 |
| 模型API文档过时 | 使用错误版本代码 | 安装 Context7 MCP 自动获取最新文档 |
| 支付申请被拒 | 网站不完整/无隐私政策 | 先完善网站功能，添加隐私政策和服务协议 |
| 域名不被收录 | 历史黑历史 | 使用 virustotal.com 查域名历史 |
| 国内购买域名 | 需备案 | 海外站用 namecheap/spaceship 购买 |
沉淀自己的模板
时机：用 Starter Kit 做2-3个网站后
方法：
- 深入理解 Starter Kit 结构
- 加入你常用的支付方式（如 Creem）
- 形成个人专属模板
- 新需求来了，改核心功能+文案+申请key，一天上线
效果：新词出现第二天即可排名进入 Google 首页
4次对话完成开发
| 对话 | 目的 | 工具 |
|---|---|---|
| 第1次 | 生成需求文档 | ChatGPT |
| 第2次 | 生成MVP原型 | v0/bolt/cursor |
| 第3次 | 合并到模板 | Cursor |
| 第4次 | 批量修改模块 | Claude Code |
参考文章
- AI 助力网站出海：只靠聊天，做高颜值网站，你也行！
- 第一次赚美元！纯新手深度复盘网站出海，一文掌握全流程