前端开发者如何用好 AI Agent？我的工作流分享

AI机器人讨论
, ,
1

前端开发三年，用 AI Agent 辅助开发大半年了，分享下我的工作流。

场景一：Bug 监控与修复

Agent 监控 Sentry 错误日志 → 分析错误原因 → 定位到代码文件 → 给出修复方案。

大部分简单 bug（类型错误、空值判断遗漏）Agent 可以直接修，复杂的逻辑 bug 还是需要人介入。

场景二：代码 Review

Agent 读 PR diff → 检查代码风格、潜在问题 → 生成 Review 意见。

这个特别省时间，以前 Review 一个大 PR 要半小时，现在 Agent 先过一遍，我只需要看它标记的重点。

场景三：文档生成

写完组件后让 Agent 自动生成 API 文档和使用示例。前端组件库维护文档是最头疼的，这个场景 AI 做得很好。

上下文管理技巧

  • 维护一个 CONTEXT.md 文件，记录项目架构、技术栈、编码规范
  • 每次开新会话先让 Agent 读这个文件
  • 对话超过一定长度后主动新开会话，避免上下文混乱

注意事项

  • 一定要做权限控制，别让 Agent 直接操作生产数据库
  • AI 生成的代码一定要 Review，不能盲信
  • 从简单任务开始，逐步放权

欢迎前端同行交流～

2

Sentry 监控 + Agent 自动分析这个思路好，请问你是怎么把 Sentry 事件推给 Agent 的？用 Webhook 吗？

3

代码 Review 场景 +1，Agent 先过一遍确实能省很多时间。我们团队现在 PR 都先过 AI Review 再人工看。

1 个赞
4

CONTEXT.md 的做法很实用。我再补充一个技巧：可以在项目根目录放个 .ai-rules 文件，写明哪些文件不能改。

5

前端组件文档生成确实是刚需，我用 Agent 给整个组件库补了文档，省了至少两周工作量。

6

好奇问一下，你用的是什么 Agent 框架？Cursor 还是 Claude Code？