AI开发工具三分类法

三分类 + 各自适用场景：

1. Chatbots（ChatGPT/Claude）：单页、无复杂设计要求的一次性原型（计算器、翻卡、数据可视化、单个输入控件）。能写全栈代码但不能托管部署、难做多页应用；Claude Artifacts 可在界面里运行并分享链接，但不能直接改代码，只能靠 prompt 迭代。
2. Cloud development environments（v0/Bolt/Replit/Lovable）：多功能、多页面、有设计要求的原型；能构建、运行、部署，支持多文件的 agentic 编辑。内部差异：
   • v0：默认样式最好看（Next.js + Shadcn），真云端托管客户端+服务端。
   • Bolt：快、灵活，但 server 跑在用户浏览器里 ⇒ 原生不支持登录/多用户协作/支付/跨会话持久化（每个设备是隔离副本），需接 Supabase 等补足。
   • Replit：完整全栈（client+server+数据库），支持 JS 和 Python，擅长内部管理工具和数据处理型应用。
   • Lovable：面向"真的要用起来"的产品，集成强（GitHub / Supabase auth+DB / AI providers），但没有代码编辑器，debug 只能靠 prompt——作者常在 Lovable 起步、转 Cursor 修问题。
3. Local developer assistants（Cursor/GitHub Copilot/Windsurf/Zed）：会写码、要 ship 生产应用的人用。Cursor 对模糊指令更强、擅长排障；Copilot 需要非常具体的指令，否则会重复造已有组件，企业环境更常见；Windsurf 擅长大型代码库；Zed 主打性能和快捷操作。

组合用法：Lovable 快速搭基础功能 → 同步 GitHub → Cursor 修 bug 收尾（作者 10 天做出带 auth/数据库/实时更新的演示应用，大部分时间花在排障上）。

任务 → 工具 → 提示词速查（作者模板）：

• Figma 设计转原型 → Bolt："Build a prototype to match this design. Match it exactly. Use Tailwindcss…" + 单张截图
• 从零建好看的原型 → v0："Build a prototype for [x]. This tool should: [行为清单]. Implement a simple initial iteration…"
• 数据仪表盘 → Replit："Use Python and Streamlit."
• 手绘稿转原型 → v0："Convert the hand-drawn sketch to a functional prototype… Make it in the style of [喜欢的产品]."
• PRD 转原型 → Bolt："Implement a prototype to match the features in this PRD… Focus on front end functionality -- do not include a server or database."
• 个人生产力小工具 → Replit