开发与工程 ✓ OpenAI · 官方 playwrightbrowser-automationui-debuggingweb-navigationform-fillingscreenshots

Playwright 浏览器自动化技能

通过终端驱动真实浏览器,完成网页操作、提取与界面调试。

FollowSkills 评估 · FSRS-2.0
不推荐
52/ 100 五分制 2.6 / 5
信任安全15 / 25 · 3.0/5

文档明确要求使用快照、避免不必要的 eval,并将产物限制在 output/playwright/;但浏览器可访问外部网站,包装脚本通过 npx --yes 下载并执行未固定版本的 @playwright/cli,且示例包含密码填写、网络检查和代码执行,没有数据流披露、敏感数据处理、用户确认或回滚说明,因此扣分。

可靠稳定8 / 20 · 2.0/5

脚本使用 set -euo pipefail、检查 npx,并对会话和过期元素引用提供基本处理;但依赖在线 npx、版本未锁定,没有提交的测试或 CI 证据,且异常输入、网络失败和浏览器启动失败的诊断反馈有限,因此保持在静态评估上限内并扣分。

适用触发10 / 15 · 3.3/5

目标用户和核心场景(终端中的真实浏览器导航、表单、快照、截图、提取和调试)清晰,且给出多标签页、会话和调试示例;但未明确非适用范围、触发边界、中文语言支持或中国大陆网络可达性,核心功能依赖 npm/GitHub 等外部网络,因此扣分。

规范维护8 / 15 · 2.7/5

信息结构清楚,包含前置检查、快速开始、核心流程、参考文档、工作流和故障排查;但许可证元数据未知,缺少技能版本、变更记录、明确维护责任和更新路径,且仓库 README 标示仓库已弃用,因此扣分。

有效结果7 / 15 · 2.3/5

示例覆盖常见浏览器自动化任务,命令和输出位置可直接作为操作起点,静态材料支持核心价值判断;但没有可复现执行结果、代表性产物或与替代方案的比较,结果正确性和完整性仍需人工验证,因此按静态上限计分并扣分。

证据核验4 / 10 · 2.0/5

技能文件、参考资料和包装脚本均可审计,命令流程之间基本一致;但没有测试套件、CI、第三方执行记录或多来源佐证,结论主要来自静态文档,因此仅给有限分数。

证据充分度: 评估于 2026年7月20日 审查版本 49f948faa925
使用前请注意
  • npx --yes 会在线解析并执行未锁定的最新 CLI 依赖;生产或敏感流程应固定版本并审查依赖来源。
  • 表单示例使用明文密码,且 eval、run-code、网络和文件上传能力可能处理敏感数据;使用前应获得用户确认并隔离会话、凭据和产物。
  • 功能依赖 Node/npm 及外部网络,未证明在中国大陆网络环境中稳定可达。
  • 仓库已标记为弃用,许可证、版本和维护更新责任需要进一步核实。
评估证据 [1][2][3][4][5][6][7]
查看完整评分方法 →

它能做什么 & 适用场景

该技能让 Codex 通过 playwright-cli 从终端自动化真实浏览器。它覆盖页面导航、表单填写、快照、截图、数据提取和 UI 流程调试,并优先使用随技能提供的包装脚本。使用前必须确认系统提供 npx;包装脚本会通过 npx 运行 @playwright/cli。它面向 CLI 自动化,不默认生成或执行 @playwright/test 测试文件。

先检查 npx 是否可用,然后设置包装脚本路径;通过 open 打开网页、snapshot 获取稳定元素引用、click/fill/type/press 执行交互,并可使用 screenshot、pdf 或 tracing-start/tracing-stop 捕获产物。导航、明显的 DOM 变化、菜单或模态框变化以及标签页切换后,需要重新获取快照。多标签页可通过 tab-new、tab-list 和 tab-select 管理。

  1. 开发者需要从终端打开网页、填写表单并提交结果时。
  2. 调试人员需要复现包含点击、导航或弹窗的 UI 流程时。
  3. 研究人员需要从网页中提取数据并保存截图作为证据时。
  4. 测试或排障人员需要通过 headed 模式观察浏览器行为并录制 trace 时。

优缺点一览

优点
  • 优先使用包装脚本,无需全局安装 playwright-cli。
  • 提供稳定元素引用、重新快照和多标签页等明确工作流。
  • 支持截图、PDF 和 trace 等浏览器调试产物。
局限
  • 依赖 Node.js/npm 提供的 npx,以及 @playwright/cli。
  • 元素引用会因页面变化而失效,必须在关键变化后重新快照。
  • 源材料未提供测试套件、平台兼容性清单或独立许可证内容。
  • 默认面向 CLI 操作,不适合需要 @playwright/test 测试文件的任务。

如何安装

该技能位于 openai/skills 的 skills/.curated/playwright。可在 Codex 中运行 $skill-installer playwright 安装 curated 技能,安装后重启 Codex。源材料没有说明独立许可证;README 说明单个技能的许可证应查看其目录中的 LICENSE.txt,但这里未提供该文件内容。

如何使用

先运行 command -v npx >/dev/null 2>&1。确认可用后设置:export CODEX_HOME="${CODEX_HOME:-$HOME/.codex}"export PWCLI="$CODEX_HOME/skills/playwright/scripts/playwright_cli.sh"。示例:"$PWCLI" open https://playwright.dev --headed,然后运行 "$PWCLI" snapshot,再依据最新快照中的引用执行 "$PWCLI" click e15"$PWCLI" type "Playwright""$PWCLI" press Enter"$PWCLI" screenshot。如果 npx 不可用,应先安装 Node.js/npm;全局安装 playwright-cli 是可选方案。

对比同类

与全局安装的 playwright-cli 相比,该技能优先使用包装脚本通过 npx 运行 CLI;全局安装只是可选方案。与 @playwright/test 相比,它强调终端驱动的交互式浏览器工作流,而不是测试文件。

常见问题

必须全局安装 playwright-cli 吗?
不需要。技能提供的包装脚本使用 npx --package @playwright/cli playwright-cli;全局安装是可选的。
npx 不可用时怎么办?
应暂停并安装 Node.js/npm,因为包装脚本依赖 npx。随后可运行 `node --version`、`npm --version`,并按需安装 `@playwright/cli`。
为什么命令中的元素引用会失败?
页面导航或显著 DOM 变化后,旧引用可能过期。应重新运行 snapshot,并使用最新快照中的引用。
它会自动生成 Playwright 测试文件吗?
不会默认这样做。该技能明确采用 CLI 优先的浏览器自动化流程,只有用户明确要求时才转向 @playwright/test。

同仓库的其他 Skills

均来自 openai/skills

效率与协作 ✓ OpenAI · 官方

目标定义助手

把模糊意图转化为可验证、可量化且范围明确的工作目标。

开发与工程 ✓ OpenAI · 官方

Codex CLI 构建器

把 API、脚本或现有工具变成可复用的命令行接口。

设计与前端 ✓ OpenAI · 官方

Codex 图像生成与编辑

为项目生成和编辑可直接使用的栅格图像资产。

开发与工程 ✓ OpenAI · 官方

OpenAI 开发文档助手

为 OpenAI 产品、API 与 Codex 提供基于官方资料的当前指导。

开发与工程 ✓ OpenAI · 官方

Skill Creator 技能创建指南

指导你设计、编写、验证和迭代可复用的 Codex 技能。

开发与工程 ✓ OpenAI · 官方

ASP.NET Core 开发指南

帮助构建、审查和升级 ASP.NET Core 应用。

开发与工程 ✓ OpenAI · 官方

ChatGPT Apps 构建助手

帮助开发者按文档构建带 MCP 服务端和组件界面的 ChatGPT 应用。

设计与前端 ✓ OpenAI · 官方

Figma 代码组件连接器

将 Figma 组件映射到代码实现,保持设计与代码关联。

设计与前端 ✓ OpenAI · 官方

Figma 新建文件助手

在 Figma 草稿中快速创建空白设计或 FigJam 文件。

设计与前端 ✓ OpenAI · 官方

Figma 设计实现助手

将 Figma 设计转化为可集成、可验证的高保真前端代码。

自动化与运维 ✓ OpenAI · 官方

安全最佳实践审查

为 Python、JavaScript/TypeScript 和 Go 项目提供安全编码审查与改进建议。

设计与前端 ✓ OpenAI · 官方

Hatch Pet 动画宠物工坊

把角色或品牌视觉转成可验证、可打包的 Codex 动画宠物。

效率与协作 ✓ OpenAI · 官方

Linear 项目协作助手

在 Codex 中统一管理 Linear 工单、项目与团队协作流程。

自动化与运维 ✓ OpenAI · 官方

代码库威胁建模

基于代码库证据生成可执行的应用安全威胁模型。

自动化与运维 ✓ OpenAI · 官方

Sentry 生产错误观察助手

通过 Sentry CLI 检查问题、事件和生产环境健康数据。

设计与前端 ✓ OpenAI · 官方

Figma 设计系统规则生成器

为 Figma-to-code 项目生成符合代码库约定的设计系统规则。

写作与内容 ✓ OpenAI · 官方

音频转写助手

将音频或视频中的语音转成文本,并可标注说话人。

设计与前端 ✓ OpenAI · 官方

Figma 设计系统构建器

从代码库构建并校验专业级 Figma 设计系统。

设计与前端 ✓ OpenAI · 官方

Figma 设计转代码助手

从 Figma 获取设计上下文并将节点实现为生产代码。

数据与分析 ✓ OpenAI · 官方

Jupyter 笔记本工作流助手

用模板和脚本创建、重构并验证可复现的 Jupyter 笔记本。

相关 Skills