Menú
当任务需要通过 `playwright-cli` 或随附的包装脚本在终端中自动化真实浏览器时使用，例如页面导航、表单填写、页面快照、截图、数据提取和 UI 流程调试。
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Basado en la clasificación ocupacional SOC
中文提示词优化技能。用户要求优化、重写、迭代、比较系统提示词或用户提示词，或希望把 Prompt Optimizer / MCP 接入提示词工作流时使用；关注目标澄清、意图保留、结构化约束、测试样例和多轮评估。
中文代码库理解技能。用户要求读懂、分析、解释、梳理 C++、Java、Python、前后端或毕业设计项目时使用；专门输出模块结构、入口、调用链、类/函数职责、数据流、配置、依赖、测试和适合论文描述的系统结构。
中文 C++ 系统开发技能。用户要求编写、分析、调试或重构 C++ 项目时使用；关注 CMake、模块划分、类设计、RAII、内存安全、指针/引用、并发、性能、测试和跨平台构建。
中文 Java/Spring 系统开发技能。用户要求编写、分析、调试或完善 Java、Spring Boot、后端管理系统、REST API、数据库应用或毕业设计 Java 系统时使用；关注分层架构、DTO、Service、Repository、事务、异常、权限、测试和工程规范。
中文 Python 系统开发技能。用户要求编写、分析、调试或完善 Python、FastAPI、Django、Flask、自动化脚本、数据处理或毕业设计 Python 系统时使用；关注包结构、类型标注、虚拟环境、依赖、异常处理、测试、API 和工程化。
中文代码质量复核技能。用户要求检查 bug、测试缺口、异常处理、安全问题、重复代码、复杂代码、提交前检查或系统完善时使用；适用于 C++、Java、Python、前端、后端和毕业设计系统。
| name | playwright |
| description | 当任务需要通过 `playwright-cli` 或随附的包装脚本在终端中自动化真实浏览器时使用，例如页面导航、表单填写、页面快照、截图、数据提取和 UI 流程调试。 |
使用 playwright-cli 从终端驱动真实浏览器。优先使用随附的包装脚本，这样即使系统没有全局安装 CLI 也能运行。
把这个技能视为以命令行为主的自动化流程。除非用户明确要求编写测试文件，否则不要切换到 @playwright/test。
在提出命令前，先检查 npx 是否可用，因为包装脚本依赖它：
command -v npx >/dev/null 2>&1
如果不可用，暂停并请用户安装 Node.js/npm，因为 npm 会提供 npx。请原样提供这些步骤：
# 验证 Node/npm 是否已安装
node --version
npm --version
# 如果缺失，先安装 Node.js/npm，然后运行：
npm install -g @playwright/cli@latest
playwright-cli --help
当 npx 可用后，继续使用包装脚本。全局安装 playwright-cli 是可选的。
export CODEX_HOME="${CODEX_HOME:-$HOME/.codex}"
export PWCLI="$CODEX_HOME/skills/playwright/scripts/playwright_cli.sh"
用户级技能安装在 $CODEX_HOME/skills 下，默认位置是 ~/.codex/skills。
使用包装脚本：
"$PWCLI" open https://playwright.dev --headed
"$PWCLI" snapshot
"$PWCLI" click e15
"$PWCLI" type "Playwright"
"$PWCLI" press Enter
"$PWCLI" screenshot
如果用户更喜欢全局安装，也可以这样做：
npm install -g @playwright/cli@latest
playwright-cli --help
最小循环：
"$PWCLI" open https://example.com
"$PWCLI" snapshot
"$PWCLI" click e3
"$PWCLI" snapshot
以下情况后需要重新获取快照：
元素引用可能过期。当命令因为找不到引用而失败时，重新获取快照。
"$PWCLI" open https://example.com/form
"$PWCLI" snapshot
"$PWCLI" fill e1 "user@example.com"
"$PWCLI" fill e2 "password123"
"$PWCLI" click e3
"$PWCLI" snapshot
"$PWCLI" open https://example.com --headed
"$PWCLI" tracing-start
# ...执行交互...
"$PWCLI" tracing-stop
"$PWCLI" tab-new https://example.com
"$PWCLI" tab-list
"$PWCLI" tab-select 0
"$PWCLI" snapshot
包装脚本使用 npx --package @playwright/cli playwright-cli，因此无需全局安装 CLI 也可以运行：
"$PWCLI" --help
除非仓库已经统一使用全局安装方式，否则优先使用包装脚本。
只打开当前任务需要的文件：
references/cli.mdreferences/workflows.mde12 这类元素 id 前，必须先获取快照。eval 和 run-code。eX 这类占位引用并说明原因；不要用 run-code 绕过引用机制。--headed。output/playwright/，避免新增顶层产物目录。