Text Matrix
技术笔记 行业快讯 视频精读 财富自由 思考与随笔 搜索
Text Matrix

工程工作流

Coding Agent 工作流

聚焦 Claude Code、Codex、Cline、Roo Code 与浏览器/MCP 工具链的 Coding Agent 工作流专题页，帮助开发者从工具认知走到真实可复用的工程实践。

搜索这个主题 浏览技术笔记 反馈选题 / 合作
适合阅读方式 按目标而不是按时间阅读

这些专题页更适合做路径导航、选型判断和阶段切换，而不是只看最新一篇。

推荐搭配 专题页 + 搜索 + 标签页

先用专题建立框架，再通过搜索和标签横向扩展，会比单篇跳转更高效。

学习路径 AI Agent 学习路径 工程工作流 Coding Agent 工作流 工具索引 开源 AI 工具解读

适合谁看

这页最适合这些读者

  • 已经开始使用 Claude Code、Codex、Cline 或 Roo Code 的开发者
  • 想从“让 AI 帮我写几段代码”进化到“让 AI 真正参与工程流程”的实践者
  • 正在思考 MCP、Skills、浏览器自动化和上下文系统怎么组合的人

读完你会得到

这页想帮你建立的判断

  • 知道不同 Coding Agent 工具各自适合什么场景
  • 建立 Skills、MCP、浏览器能力和验证流程之间的连接方式
  • 把一次性工具体验收束成更稳定的工程工作流

Coding Agent 工作流

如果说 AI Agent 更像是一类总称，那么 Coding Agent 关心的是更具体的事：让模型真正参与代码理解、修改、调试、验证和工程协作，而不只是给出看起来合理的建议。

这个专题页聚焦怎么把 Coding Agent 真正用起来——工具对比、技能系统、浏览器自动化、上下文管理、长代码库协作，以及更接近生产实践的经验。

这条路径适合谁

  • 已经在用 Claude Code、Codex、Cline 或 Roo Code 的开发者
  • 想从「让 AI 帮我写几段代码」走到「让 AI 真正参与工程流程」的实践者
  • 在思考 MCP、Skills、浏览器自动化、上下文系统怎么组合的人

你目前卡在哪

你的当前问题优先看什么目标
我还分不清 Claude Code、Codex、Cline、Roo Code 的差异第 1、3 部分建立工具之间的边界感
我已经在用某个工具，但输出不稳定第 2、4 部分通过配置、Skills、MCP、上下文组织提升稳定性
我想让 Agent 真正参与项目协作第 5 部分从单点使用进入流程化协作
我担心在真实代码库里不可控第 1、2、5 部分先建立方法论，再看编排与 harness

按目标选读

想先选工具

按这个顺序读：

  1. Everything Claude Code：完整指南
  2. OpenAI Codex 轻量级 Coding Agent 指南
  3. Cline：AI Coding Agent 实战指南
  4. Roo Code：AI Coding Agent 使用指南

想拉高已有工具的上限

按这个顺序读：

  1. Claude Code 最佳实践指南
  2. Claude Code 模板与配置指南
  3. Browserbase Skills：让 Claude Code 拥有浏览器自动化能力
  4. CodeGraph：把 AI Coding Agent 的代码探索变成图查询

想用进真实项目

按这个顺序读：

  1. Treat Coding Agents Like Developers
  2. How Claude Code Works in Large Codebases
  3. Chrome DevTools MCP 与 AI Coding Agents 使用指南
  4. JCode：Coding Agent Harness 设计

推荐阅读顺序

1. 先建立整体认知

Coding Agent 和传统「AI 写代码」不是一回事，先把这一层差别看明白，再进具体工具，后面不容易陷入换工具焦虑。

  1. Treat Coding Agents Like Developers
  2. How Claude Code Works in Large Codebases
  3. React Doctor：AI Coding Agent 如何理解前端代码

2. 从 Claude Code 进入主流工作流

Claude Code 相关内容在站内积累最深，适合作为主路径入口。先把它读透，再横向比较其他工具会轻松很多。

  1. Everything Claude Code：完整指南
  2. Claude Code 最佳实践指南
  3. Claude Code 技能、插件与扩展能力指南
  4. Claude Code 模板与配置指南

3. 再横向看其他 Coding Agent

这一阶段重点不在「选唯一工具」，而是理解不同工具的交互方式、边界和适用场景。

  1. OpenAI Codex 轻量级 Coding Agent 指南
  2. Cline：AI Coding Agent 实战指南
  3. Roo Code：AI Coding Agent 使用指南
  4. DeepSeek TUI：终端 Coding Agent 指南

4. 把 Skills、MCP 和浏览器能力接进来

Coding Agent 上限的提升，更多来自工具调用、技能系统、浏览器环境、上下文组织这几件事，而不只是换个更强的模型。

  1. Awesome Codex Skills：Codex Agent Skills 目录
  2. Browserbase Skills：让 Claude Code 拥有浏览器自动化能力
  3. Chrome DevTools MCP 与 AI Coding Agents 使用指南
  4. CodeGraph：把 AI Coding Agent 的代码探索变成图查询

5. 进入更复杂的协作与编排

当单 Agent 已经能稳定完成一段工作之后，再去看多 Agent、Harness、自动化例行任务和更长链路的编排才值得。

  1. Ruflo：Claude Code 多 Agent Swarm 指南
  2. Claude Code Routines：自动化例行工作流
  3. JCode：Coding Agent Harness 设计
  4. Everything Claude Code Agent Harness Performance

如果你只想先看 6 篇

  1. Treat Coding Agents Like Developers
  2. Everything Claude Code：完整指南
  3. Claude Code 最佳实践指南
  4. OpenAI Codex 轻量级 Coding Agent 指南
  5. Cline：AI Coding Agent 实战指南
  6. Chrome DevTools MCP 与 AI Coding Agents 使用指南

我们怎么筛选内容

筛选 Coding Agent 内容时，看这四件事：

  • 能不能形成稳定的工程工作流，而不是只有一次性 demo
  • 有没有解释工具边界、失败模式、协作方式，而不是只列功能
  • 能不能和 Skills、MCP、浏览器自动化、上下文系统这些能力接起来
  • 在真实代码库里能不能持续复用，而不是只在小样例里成立

三个常见误区

  1. 把工具当成全部答案。真正决定结果的，是上下文、技能系统、浏览器能力、验证流程。
  2. 没有方法论就横跳工具。工具重要，但先搭起稳定工作流比反复换工具更有价值。
  3. 只看「会不会生成代码」，不看「能不能验证、能不能持续协作」。这直接决定它能不能进入真实项目。

站内新增 Coding Agent 相关内容时，这页会持续更新。

下一步

已经用 Coding Agent 跑过一些项目的话，下一步建议这样走：

  1. 返回 AI Agent 学习路径，把工具经验重新放回更完整的系统图景
  2. 进入 开源 AI 工具解读，建立你自己的长期工具栈判断框架
  3. 想交流具体工作流、内容合作或产品合作，查看 联系页面