Vibe Coding 生产级工作流
从灵感到营收，一条可复现的 AI 开发路径
📊 整体进度4 / 15 任务完成
💡
把模糊的想法变成清晰的文档和可视化原型。
📋 任务清单
- 用 Claude Code 进行需求澄清，产出 PRD.md
- 用 v0.dev 生成初版 UI，确立设计语言
- 确定技术栈选型
📦 输出物：产品需求文档 + 可点击原型
🛠️ 推荐工具
Claude Codev0.devLovableFigma AI
↓
🖥️
AI 辅助编码的核心阶段。
📋 任务清单
- 在 Cursor 中配置 .cursorrules
- 用 Bolt.new 即时运行全栈环境
- Git 结合 AI 生成 Conventional Commits
📦 输出物：功能完整的 MVP 代码库
🛠️ 推荐工具
CursorClaude CodeCodexWindsurf
↓
⚙️
搭建后端服务和数据库。
📋 任务清单
- 用 Supabase 搭建数据库和认证
- AI 生成 Drizzle ORM Schema
- 配置 Row Level Security 安全策略
📦 输出物：生产可用的后端服务
🛠️ 推荐工具
SupabaseDrizzle ORMNeonXata
↓
🚀
将代码推送到生产环境。
📋 任务清单
- Vercel 连接 GitHub 仓库
- 配置自定义域名和 SSL 证书
- 接入 Sentry 错误追踪
📦 输出物：公网可访问的生产环境
🛠️ 推荐工具
VercelCloudflare PagesSentry
↓
💰
让产品产生收入并持续增长。
📋 任务清单
- 接入 Stripe/Polar 实现付费
- 配置 Plausible 分析
- 接入 Resend 邮件服务
📦 输出物：有收入的正向现金流
🛠️ 推荐工具
StripePolarPlausibleResend
📋 复制你的工作流配置，分享到社区