Playwright

ui-demo 帮你用 Playwright 录制更精致的 Web 应用演示视频，支持可见的光标移动和自然的节奏。适用于产品走查、入门引导、功能演示和教程式录屏。建议按“发现 → 预演 → 录制”的流程操作，结果更稳定，尤其适合原型和快速变化的 UI。

tdd-workflow 是一套面向新功能、Bug 修复和重构的 test-first 工作流技能。它强调 TDD，并要求单元、集成和 E2E 测试覆盖率达到 80% 以上，同时提供明确的检查点和边界场景验证。需要一份用于 Test Automation 的实用指南、并希望代码变更更可预测时，可以使用 tdd-workflow 技能。

e2e-testing 技能是一份面向 Playwright 的稳定端到端测试自动化指南，涵盖文件组织、Page Object Model 用法、配置、CI 就绪、产物调试以及 flaky test 处理等模式。

data-scraper-agent 可帮助你搭建可重复使用的公开数据管道，用于网页抓取、数据丰富和存储。它面向按计划持续监控任务、价格、新闻、仓库、体育和列表信息，可结合 GitHub Actions 定时运行，并将结果输出到 Notion、Sheets 或 Supabase。更适合长期跟踪，不适合一次性提取。

canary-watch 是一款发布后监控技能，用于在上线、合并或依赖更新后，对线上 URL 进行回归检查，适用于 staging 或 production 场景。

browser-qa 是一项用于浏览器 QA 的技能，适合在部署后进行视觉测试、交互检查、响应式截图和无障碍审查，并结合浏览器自动化执行。它能帮助前端开发者和 QA 团队用可复用的 browser-qa 指南来验证 staging 或 preview 页面，而不是依赖泛泛的提示词。

webapp-testing 是一项用于本地 Web 应用测试的技能，基于 Python Playwright。它可帮助智能体通过 `scripts/with_server.py` 启动服务、检查渲染后的 UI、发现选择器、抓取截图与控制台日志，并以先侦察后验证的方式检查前端行为。

browse 是一款快速的无头浏览器 skill，适用于 QA、自用验证（dogfooding）和 browser automation。可用它打开页面、与元素交互、验证状态、对比操作前后变化、截取截图，并检查响应式布局、表单、上传、对话框和元素状态。需要浏览器证据而不是通用提示词时，安装 browse。

cloud 技能可帮助你安装并使用 Browser Use Cloud 来实现 Browser Automation，涵盖快速开始配置、v2 与 v3 API、SDK 用法、sessions、profiles、CDP 连接、proxies、webhooks 以及实时监控。

gstack 是一款由浏览器驱动的 AI 技能，适用于 QA 测试、dogfooding、发布检查和 bug 取证。它会打开真实页面，点击操作 UI，验证状态，比较前后变化，测试响应式布局，并采集带截图证据的结果。对于需要从 gstack 技能获得可靠浏览器结果的场景，尤其适合用于 UI 设计评审和部署验证。

diagnose 是一套结构化的调试工作流，适用于疑难 Bug、间歇性失败的测试以及性能回退。它会帮助你复现问题、缩小失败案例、一次只提出一个假设、加入埋点、修复根因，并通过回归测试把问题锁定下来。当“帮我调这个”还不够时，就用 diagnose 指南。

playwright-cli 是一个通过命令行使用 Playwright 进行浏览器自动化的技能。它可用于打开页面、检查元素、按流程点击、填写表单、截取截图、模拟请求，以及根据真实交互生成测试代码。适合需要可重复执行的浏览器自动化和 UI 测试场景。

azure-resource-manager-playwright-dotnet 是面向 Azure Resource Manager 和 Microsoft Playwright Testing 的 .NET 管理平面技能。它适合后端开发和平台自动化团队创建和管理 Playwright workspace、检查名称可用性，并处理 workspace 配额。适用于资源预配和 workspace 生命周期管理，不用于运行测试。

excalidraw-diagram 用于创建 Excalidraw JSON 图表，让图表不仅是摆放方框和箭头，而是能清晰地“论证”关系。适合工作流、架构、时序流程、决策路径和概念图等场景，尤其在你需要结构清楚、可读性强、真实关系明确时更合适。它包含安装指引、面向渲染的检查，以及一套实用的绘图工作流，帮助你做出更好的图表。

用于编写和调试 Playwright 端到端测试的 playwright-testing 技能，覆盖 page objects、跨浏览器运行、适合 CI 的配置、认证处理和稳定的测试结构。

playwright-best-practices 是一项面向 Playwright + TypeScript 的技能，聚焦编写稳定测试、减少 flaky 问题、优化认证流程、判断 fixtures 与 page objects 的取舍，并基于仓库中的实战指导覆盖 CI、popups、mobile、iframes、websockets 和多用户场景。

use-my-browser 是一项浏览器自动化策略技能，用于帮助你在不同网页层之间做出合适选择：公共 Web 工具、实时 Chrome、raw fetch，或 Playwright，以应对登录态页面、动态站点以及依赖 DevTools 的任务。

playwright-skill 是一份面向 Playwright 的可靠浏览器自动化指南。它帮助团队编写、调试并扩展 E2E 流程、API 检查、组件测试、视觉回归、可访问性、认证、CI/CD，以及从 Cypress 或 Selenium 迁移的测试。需要的不是泛泛的测试建议，而是可直接落地的实践模式时，就用 playwright-skill。

playwright-skill 是一个浏览器自动化 skill，适合用于测试页面、填写表单、检查链接、截图、验证响应式布局，以及处理登录或结账流程。它能自动检测开发服务器，使用通用执行器，并帮助你以更少的配置和猜测运行可靠的 Playwright 任务。

x-article-publisher 是一款面向工作流的 skill，用于将 Markdown 发布到 X（Twitter）Articles，并尽量保留格式、处理封面图，以及转换富文本。它适合需要一份实用的 x-article-publisher 指南来支持浏览器发布和工作流自动化的用户。

playwright-interactive 是一项浏览器自动化技能，适用于本地 Web 和 Electron 应用中的持久 Playwright 会话。它可用于检查 UI 状态、重试交互，以及在不重启工具链的情况下执行功能或视觉 QA。非常适合需要一份实用的 playwright-interactive 迭代调试指南的场景。

使用 playwright skill 通过终端和一个包装脚本、`playwright-cli` 来自动化真实浏览器。它适合导航、表单填写、截图、快照、内容提取和 UI 流调试等浏览器自动化任务。先检查 `npx`，安装该 skill，设置 `PWCLI`，然后按 CLI 优先的工作流执行。

azure-microsoft-playwright-testing-ts 可帮助你使用 TypeScript 在 Azure Playwright Workspaces 上配置 Playwright 测试运行。适用于大规模浏览器自动化、云端浏览器、CI/CD 集成、Microsoft Entra 身份验证以及 Azure 门户报告。包含安装、配置和使用说明。

e2e-testing-patterns 是一项面向实践的技能，适合设计可靠且高效的端到端测试套件。你可以用它确定关键路径覆盖范围、降低 flaky 问题，并应用 Playwright 或 Cypress 的测试模式，构建适合 CI 的自动化测试。