第 10 讲

AI 原生应用构建

📅 2025 年 11 月 10 日 👨‍🏫 Mihail Eric 🏫 斯坦福大学

核心主题

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"

批判性反思:四大挑战

  1. 脆弱性(Fragility)
    "works until it breaks → back to square one"
    一旦出问题就回到起点
  2. 提示≠契约(Prompt ≠ Contract) 用户误以为 prompt 是精确指令,实际是概率性协作
  3. 安全隐患(Security Concerns)
    • prompt injection
    • 数据泄露
    • 生产环境隐患
  4. 同质化风险 & 复杂度天花板
    • AI 生成的 UI 趋同
    • 复杂场景难以处理

💡 对 Vibe Coding 学员的启示

  • 范式跃迁:写代码 → 描述意图 → 协同 AI 完成构建
  • 角色重构:prompt engineering、UX sensibility、安全意识、系统判断力
  • 工具即平台:v0、Replit、Cursor 不是 IDE 插件,是 AI-Native IDE
  • 最大风险在认知:把 LLM 当"万能 API"而非"概率性协作者",导致调试灾难