在 pnpm monorepo 初始化 Playwright 工具链

本技能记录在 Vue 3 + Vite + TypeScript pnpm monorepo 中初始化 Playwright 三件套的完整工作流，及执行中发现的 2 个关键环境坑。

适用场景

• pnpm monorepo 项目首次接入 Playwright
• 大屏/可视化项目需要视觉回归测试
• 需要为 AI agent 配备浏览器驱动能力（MCP + CLI skills）
• Node 22 + Windows 环境（坑与 Node 版本/OS 相关）

⚠️ 无头浏览器 CPU 风险须知（重要）

headless（无头）≠ 轻量。无头 Chromium 仍然运行完整的浏览器引擎（Blink 排版、V8 JS 执行、WebGL/WebGPU 渲染管线），只是不显示窗口。在 大屏 3D/可视化项目 下，headless 模式的 CPU/GPU 消耗与 headed（有头）几乎无异：