Repolode
lackeyjb

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. 1

    使用 skills CLI 全局安装该技能

    npx skills add lackeyjb/playwright-skill --skill playwright-skill --global --yes
  2. 2

    在已安装的技能目录中运行安装配置

    npm run setup
  3. 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 数据每日更新。

相关项目