一套可供 AI 编程代理使用的生产级工程工作流技能,覆盖从需求规格到上线发布的完整开发流程。
lackeyjb/playwright-skill
一个代理技能,让编程智能体编写并运行定制的 Playwright 浏览器自动化脚本,用于页面测试和多步骤网页任务。
- Star
- 3,221
- Fork
- 266
- 未关闭 Issue
- 9
- 最近提交
- 19天前
这是什么?
Playwright Skill 是一个代理技能,让 Claude Code 等编程智能体按需编写并执行 Playwright 自动化代码,既可以做快速的页面检查,也能完成多步骤的网页流程。它不依赖预置脚本,而是针对每个请求生成代码,并通过内置的 run.js 执行器运行,由执行器负责文件脚本和内联脚本的模块解析。
技能的主说明保持精简,只有在任务需要时才加载完整的 Playwright API 参考。默认以可见浏览器模式运行(headless: false),可通过 SLOW_MO 设置操作间隔,并在 lib/helpers.js 中提供可选辅助函数,例如开发服务器检测和临时截图处理。除非设置 PW_ARTIFACT_DIR,产物默认保存在系统临时目录。
安装方式包括使用 Vercel 的 skills 命令行工具、作为 Claude Code 插件安装,或把 skills/playwright-skill 目录复制到智能体的技能目录。安装后执行 npm run setup 即可装好 Playwright 与 Chromium。
核心功能
- 01针对每个请求编写定制的 Playwright 代码,而非运行固定脚本
- 02通过内置执行器运行文件脚本和内联脚本,模块解析稳定
- 03默认使用可见浏览器,并支持 SLOW_MO 设置操作间隔
- 04仅在任务需要时加载完整的 API 参考文档
- 05提供开发服务器检测、截图处理等可选辅助函数
适用场景
- 让智能体编写并运行检查代码,测试页面或注册流程
- 在移动端和桌面端视口下截取页面截图
- 编写可复用的自动化脚本,涉及循环、断言或网络拦截
- 检查网站中的失效链接或未加载的图片
快速上手
- 1
使用 skills CLI 全局安装该技能
npx skills add lackeyjb/playwright-skill --skill playwright-skill --global --yes - 2
在已安装的技能目录中运行安装配置
npm run setup - 3
让智能体执行简单的浏览器任务(如测试 google.com 能否加载)以验证安装
使用前须知
- 专为编码智能体设计,并非可直接使用的独立测试运行器。
- 需要 Node.js,并在安装配置过程中下载 Playwright 和 Chromium。
标签
常见问题
- playwright-skill 是什么?
- 一个代理技能,让编程智能体编写并运行定制的 Playwright 浏览器自动化脚本,用于页面测试和多步骤网页任务。 Playwright Skill 是一个代理技能,让 Claude Code 等编程智能体按需编写并执行 Playwright 自动化代码,既可以做快速的页面检查,也能完成多步骤的网页流程。它不依赖预置脚本,而是针对每个请求生成代码,并通过内置的 run.js 执行器运行,由执行器负责文件脚本和内联脚本的模块解析。
- playwright-skill 可以免费使用吗?用的什么许可证?
- playwright-skill 以 MIT 许可证开源。用于商业产品前,请先确认许可证条款。
- playwright-skill 还在维护吗?
- 活跃维护中。playwright-skill 最近一次提交是在 2026年10月1日。
- playwright-skill 适合用来做什么?
- 让智能体编写并运行检查代码,测试页面或注册流程 在移动端和桌面端视口下截取页面截图 编写可复用的自动化脚本,涉及循环、断言或网络拦截 检查网站中的失效链接或未加载的图片
- playwright-skill 怎么安装和运行?
- 使用 skills CLI 全局安装该技能: npx skills add lackeyjb/playwright-skill --skill playwright-skill --global --yes 在已安装的技能目录中运行安装配置: npm run setup 让智能体执行简单的浏览器任务(如测试 google.com 能否加载)以验证安装
- 在哪里获取 playwright-skill?
- 源代码和安装说明在 GitHub 上:https://github.com/lackeyjb/playwright-skill
概要由 AI 根据项目 README 生成;GitHub 数据每日更新。
相关项目
用于管理编程智能体技能的终端界面,可查看、检查、安装和更新技能。
面向 Claude Code、Codex CLI、Cursor 等多款 AI 编码工具的插件、代理与技能合集。
面向 Claude Code、Codex CLI、Cursor CLI 和 Gemini CLI 的通俗语言 Agent 技能包,把会话汇报改写成普通人也能看懂的结论。
一款 Obsidian 插件,用于在 Claude Code、Cursor 等 17 种编码工具之间浏览、创建和编辑 AI 技能文件。
一个 Claude Code 技能,输入网站 URL 即可用 HTML 生成带音效与动态模糊的 60 fps 产品发布视频。