3.3 Claude 3.5 sonet构建单页应用
在 Claude 描述需求，快速创建单页应用的代码，直接通过 Claude Artifact 面板预览，也可发布上线，获得一个可公开访问链接。
点击右下角即可发布：
★
Claude，尤其是 sonnet 代码生成能力一直强项，很适合实现单页应用或组件。不支持项目级多层级文件能力。
”
3.4 v0.dev 生成组件
类似3.3的应用场景，还可用 v0.dev，Vercel 推出的一个网页版的 AI 辅助编程工具。内置Shadcn/UI基础组件库，所渲染的UI组件在审美方面遥遥领先，也支持和 figma 联动：
3.5 Pagen 生成 landscape
为你的idea生成一个落地页：
- 技术论坛演示
- 给用户介绍产品服务
0基础，仅需填写产品名称和描述，选择一个看得上的模板：
只需几秒生成landscape：
4 实力大测评
4.1 AI flow
① cursor
第一个面世的AI flow产品，可完整实现项目的能力，自动调试 / 重构能力和知识库问答能力。
- 支持 VS Code 全部插件和配置。前端用户无缝上手
- 一个Tab就能全自动完成代码编写，甚至独立完成一个项目，让用户爽爆了
时代洪水终究是淹没了前端的弟弟们。以后开发新项目，后端大佬们都能站在AI flow的肩膀开发完整 web 应用。
② Windsurf
Codeium 推出，也是基于 VS Code 开发。
相比 cursor，在上下文感知和记忆方面更强，对大型复杂项目开发重构支持更好，最致命的，更便宜！此刻 cursor 肯定感慨：既生瑜何生亮，天要亡我凯撒大帝！
③ Pear AI
YC 投资的一个项目，基于 VS Code的开源项目：
4.2 编辑器 AI 扩展
AI flow火前，就有很多项目基于 VS Code 做 AI 扩展，最知名的：
① Github Copilot
最早的 AI 辅助编程插件。出身顶流，自带光环和各种 buff，如今看来可惜战略失误，已经明日黄花：
② Continue
开源，可对接任意大模型：
③ Cline
开源的 VS Code 插件，无官网：
4.3 UI生成
根据prompt或截图，生成前端组件，不用再手写结构和样式，如：
- cursor
- v0.dev
- Claude
- screenshot-to-code：开源产品，可以自行部署，只要上传截图，就能快速复刻UI组件
4.4 全自动实现完整项目
- cursor
- Bolt.new
想快速构建 AI 智能体：
- Replit Agent
- Wordware
5 选型
5.1 场景
高频编码：cursor / Windsurf等AI flow。
偶尔写Demo验证idea或偶尔写个 UI 组件：Bolt.new / v0.dev / Claude 等网页工具。
5.2 价格
愿为优质生产力付费，可升级 AI flow 应用的 Pro 会员，解锁无限智能补全。
不想按月付费的，可选择本地部署开源版 AI flow 应用，对接本地大模型，享受更高配置灵活度和更低使用成本。
5.3 使用习惯
- 习惯VS Code，无脑选 cursor或 Windsurf
- 只会用 IDEA，懒得看其它软件，就装插件：Github Copilot，Continue，Cline
- 很少写代码，只是偶尔需要写个 Demo 验证想法，可选 Bolt.new 或 v0.dev。
5.4 功能花样
推荐综合使用，汇集各种场景：
- 重点使用 AI flow 应用和 Bolt.new
- 搭配 v0.dev、Claude
6 总结
AI 会完全取代程序员吗？No！
人类最神奇的：
- 想象力
- 创造力
- 对项目的架构设计
- 对作品的审美
- 对逻辑的抽象
- 最复杂的人性
AI都无法取代。AI 可从零到一，甚至到 90，但最关键的还是你的那最后十分。一个优秀且领域专业的软件设计师，不可能被 AI 取代。
别太焦虑 AI 会不会淘汰自己，拥抱 AI，使用 AI，发挥提效，才是此刻你该做的。
