第 10 讲
AI 原生应用构建
核心主题
AI-Driven Automation UI & App Building
历史语境:20+ 年 SaaS/Web 主导
传统开发
- LAMP/MERN/JAM/Serverless 等技术栈
- 经典三层架构(client/server/db)
- 复杂性、分工固化、基础设施依赖
范式迁移:从低代码到 AI 原生
Take #1:视觉化低代码
- Wix/Webflow
- 用户友好但能力受限
The New AI World
- Replit/Vercel/v0/Base44/Cursor/Claude
- 以自然语言为接口
- 端到端生成可运行应用
What Has Changed
- 工程师跨职能化
- 设计/产品角色融合
- "人人皆可构建"成为现实,且体验更优
技术解构:App Builder Architecture
核心组件
- WebContainer(浏览器内容器)
- 强大 LLM
- 精心设计的系统提示(system prompt)
- 闭环执行环境
体现思想
"AI as OS layer"
批判性反思:四大挑战
-
脆弱性(Fragility)
"works until it breaks → back to square one"
一旦出问题就回到起点 - 提示≠契约(Prompt ≠ Contract) 用户误以为 prompt 是精确指令,实际是概率性协作
-
安全隐患(Security Concerns)
- prompt injection
- 数据泄露
- 生产环境隐患
-
同质化风险 & 复杂度天花板
- AI 生成的 UI 趋同
- 复杂场景难以处理
💡 对 Vibe Coding 学员的启示
- 范式跃迁:写代码 → 描述意图 → 协同 AI 完成构建
- 角色重构:prompt engineering、UX sensibility、安全意识、系统判断力
- 工具即平台:v0、Replit、Cursor 不是 IDE 插件,是 AI-Native IDE
- 最大风险在认知:把 LLM 当"万能 API"而非"概率性协作者",导致调试灾难