skill-playwright-minimal

一个让AI在后台持久控制浏览器进行调试的Playwright技能

安装使用

复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:

帮我安装这个 AI Skill:skill-playwright-minimal。
它的用途是:一个让AI在后台持久控制浏览器进行调试的Playwright技能
完整的 Skill 内容见:https://321skill.com/skills/skill-playwright-minimal/raw/index.md
请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。

提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。

使用示例

“启动浏览器守护进程,然后导航到我的本地开发服务器 localhost:3000,检查页面标题并获取所有控制台错误。” 它会启动后台Chrome,打开指定页面,执行JavaScript获取标题,并返回捕获到的所有错误日志及其源代码位置。接着你可以说:“在搜索框里输入‘test’并点击提交按钮。” 它会执行相应的DOM操作来完成交互。

介绍

这个Skill解决了一个常见痛点:在网页开发或调试过程中,开发者需要频繁手动操作浏览器、查看控制台日志和检查DOM元素,导致工作流中断。它通过一个后台守护进程,让Claude能够直接与一个持久运行的Chrome浏览器实例交互,实现无缝的调试体验。

使用方式非常直接。安装并链接到Claude的技能目录后,只需在Claude中发出指令,如“启动浏览器守护进程”或“导航到某个URL”,Skill就会通过文件系统IPC将命令传递给后台的Playwright浏览器实例执行,并将结果返回。整个过程无需复杂的网络配置。

它非常适合需要频繁调试网页的前端开发、全栈开发和测试工程师。当你在迭代一个Web应用,需要反复检查页面状态、控制台错误或执行特定JavaScript代码片段时,这个Skill能让你完全在AI对话环境中完成,无需切换到浏览器和开发者工具。

建议在常规项目文件夹中安装,而非.claude目录内,以避免权限问题。虽然守护进程会保持浏览器运行,但你随时可以手动关闭Chrome窗口,下次执行命令时它会自动重启并恢复之前的页面,实现了‘惰性重启’,非常方便。

核心特点

与功能繁杂、事件噪音大的chrome-devtools MCP协议相比,这个Skill设计极简,仅通过文件进行进程间通信,提供最核心的浏览器控制功能(导航、执行JS、获取日志),响应精准且无干扰。

注意事项

不适合需要实时、高频率交互或复杂网络请求监控的自动化测试场景。

常见问题

这个技能和直接用Playwright写测试脚本有什么区别?

它允许你在AI对话中即时、交互式地控制浏览器,无需预先编写和运行完整的测试脚本,更适合探索性调试和快速验证。

关闭浏览器后数据会丢失吗?

不会,守护进程支持“惰性重启”,下次执行命令时会自动重启浏览器并导航到上次的URL。

给 AI 助手的安装指引

如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:

请访问 https://321skill.com/skills/skill-playwright-minimal/raw/index.md 读取 skill-playwright-minimal 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。