跳转至

1. 从网页对话进入 Vibe Coding

很多人第一次接触 AI 编程,是从 ChatGPT、Claude、Gemini,或者 DeepSeek、Kimi、通义、豆包这类网页工具开始的。这个入口没问题,问题是一直停在复制粘贴里,用聊天框模拟真实开发。

这个模块讲清楚:网页对话什么时候有用,什么时候该切到本地 Agent。

这一章只处理“想清楚任务”。读仓库、改文件、跑验证,要交给后面的本地 Agent。

本章结构

子章节 目标
1-web-chat-boundary.md 明确网页对话的能力边界
2-gpt-claude-gemini-roles.md 海外和国内 AI 工具怎么分工
3-turn-chat-into-task.md 把网页聊天结果整理成本地 Agent 可执行任务
4-web-to-local-handoff.md 把网页讨论压缩成交接卡

本章阅读方式

flowchart LR
  A[边界] --> B[模型分工]
  B --> C[任务化]
  C --> D[交接卡]

读完要学会什么

产物 用途
网页对话边界 知道哪些任务还留在网页,哪些任务要交给本地 Agent
模型分工表 把澄清、比较、翻译、第二意见分给合适工具
任务说明 把聊天内容压成目标、边界、风险和验收标准
交接卡 让本地 Agent 接手时少猜项目背景

本章边界

网页对话负责把事情想清楚,本地 Agent 负责把事情做出来。

网页模型无法访问你的本地仓库,不要让它推断项目结构。让它帮你澄清目标、边界、风险和验收标准,然后把结果压缩成交接卡,交给能读仓库、改文件、跑验证的工具。

读完本章后进入 2. Prompt / Context / Harness 三层工程方法。如果你已经有任务卡,可以跳到 3.7 第一次真实任务会话演练