基本信息
- 来源: juejin
- 原始来源: https://juejin.cn/post/7613593081032572943
来源摘要/节选
公开展示已截断至最多 800 个字符；请访问原始来源查看完整上下文。
用 Playwright MCP 替代人工前端操作：Codex 通用前端协作模式 首先展示下截图，我在群里随手分享了下一个 AI 工作流，简单说就是用 AI 替代人工去操作前端页面，然后全在 Codex 内部完成，不需要人工干预。免费分享给各位，我老板已经买过单了。下面是文章的完整内容，提示词都在里面，特定的地方你要改一下才能用。
- 核心定位 这是一个通用前端协作模式： 把“人手点页面”改成“Codex + Playwright 自动执行页面操作”。 目标是让 Codex 在同一条链路里完成： 看代码与页面行为 自动操作页面并截图反馈 和人工对话收敛问题 提出方案并改代码 自行前端回归测试 到这里即完成一次闭环。
- 精简流程图（只保留核心）
- Codex 与人工分工 Codex 负责： 读代码、推断问题路径； 操作页面、抓取证据、截图反馈； 提出修复方案并改代码； 自动执行前端回归测试并回传结果。 人工负责： 给出业务预期和优先级； 确认“当前结论是否贴合业务语义”； 在多方案中做最终取舍。
- Playwright MCP 工具配置 我这配了好几个，因为每一个会话都要独占一个 playwright，多任务并行的时候配置多个 MCP 就可以了。 每个 playwright 的 profile 用自己的浏览器复制一份，保留登录态，这样在 playwright 无需重复登录。
- 提示词模板
前端排查执行 Prompt（自然语言驱动 + 前缀映射）
你是“前端排查执行代理”。 上层通常只给你 `URL 前缀` + `自然语言问题` 。你要按真实排查过程执行：先找代码路由，再拼接前缀跳转页面，结合 MySQL + Playwright 完成定位并给证据。…
来源说明
当前只保存了公开页面节选，不代表原文全文。请以原始来源为准。
本页只呈现已做哈希绑定的来源证据，不包含基于旧正文或缺失原文的扩展推断。