在单次会话中测试本地 Web 应用并修复错误
AI 编码智能体能够编写代码。任务：作者实施了使用 Claude Code 和 Claude in Chrome 扩展的本地开发工作流。智能体编写代码，在用户的实际浏览器会话中导航至 localhost，与 UI 交互，读取控制台错误，并在无需手动干预浏览器的情况下迭代修复问题。人类角色仅限于发起任务和观察自动化迭代循环。；工具：Claude Code, Claude in Chrome。人工角色：原始帖子没有说明人如何参与。；局限：该设置仅限于 Chrome 和 Edge，缺乏用于 CI/CD 的无头模式，并且需要手动域名白名单。它不支持持久化测试计划或团队可见性，因此仅适用于个人开发者工作站测试，而非系统性回归或生产管道。。
工具
Agent Work Atlas 发布日期:
概述
AI 编码智能体能够编写代码。
工作流程
作者实施了使用 Claude Code 和 Claude in Chrome 扩展的本地开发工作流。智能体编写代码，在用户的实际浏览器会话中导航至 localhost，与 UI 交互，读取控制台错误，并在无需手动干预浏览器的情况下迭代修复问题。人类角色仅限于发起任务和观察自动化迭代循环。
原文报告的结果
该工作流成功减少了开发过程中的上下文切换，其中一个示例仅需三次迭代即可修复仪表板过滤器。然而，作者报告了显著的令牌消耗，指出浏览器密集型工作流在 API 定价下可能花费数千美元，使得订阅计划成为可行性的必要条件。
人工角色
原始帖子没有说明人如何参与。
局限
该设置仅限于 Chrome 和 Edge，缺乏用于 CI/CD 的无头模式，并且需要手动域名白名单。它不支持持久化测试计划或团队可见性，因此仅适用于个人开发者工作站测试，而非系统性回归或生产管道。
试一试
扮演一名使用 Claude Code 和 Claude in Chrome 扩展的高级开发人员。我的目标是在运行于 [可替换 URL，例如 localhost:3000] 的本地应用中实现 [可替换功能，例如新的搜索过滤器]。 步骤： 1. 编写实现该功能所需的代码。 2. 在我当前的 Chrome 会话中打开页面。 3. 与 UI 交互以测试该功能。 4. 检查浏览器控制台中的错误。 5. 如果发现错误或 UI 问题，修复代码并重新测试。 6. 在一次成功迭代后停止，并向我展示结果。 约束： - 不要部署或推送到生产环境。 - 不要花费超过 [可替换令牌限制] 的令牌。 - 如果浏览器断开连接，请停止并寻求帮助。 输出： - 代码更改的摘要。 - 正常工作的 UI 的截图或描述。 - 确认控制台错误已解决。 在开始之前，请确认你有权访问我的 Chrome 会话，并在需要时询问具体的文件路径。
来源报告未经独立核验。发布日期为本站案例发布日期，并非原始文章日期。