用 recording-browser-flow-as-test：在瀏覽器裏走一遍流程，自動生成 Playwright 測試
介紹 spencerpauly/awesome-cursor-skills 中的 recording-browser-flow-as-test：在 Cursor 內置瀏覽器逐步走查用戶流程，用 browser_snapshot 記錄無障礙樹信息，再生成基於 getByRole/getByLabel 等穩定定位的 Playwright 測試。文中核實安裝命令、前置條件、錄製步驟、斷言與加固建議，以及 2FA/驗證碼等不適用場景。
閱讀全文adding-e2e-tests：用 Agent Skill 從零搭建 Playwright 端到端測試
adding-e2e-tests 來自 awesome-cursor-skills，教 AI Agent 從零搭建 Playwright E2E：安裝依賴、配置 playwright.config.ts、寫冒煙測試與 Page Object、補 npm 腳本與 .gitignore、接 GitHub Actions CI，並強調 data-testid 與 codegen 實踐。文章說明 Skill 定位、與 webapp-testing 的差異、Cursor/Claude Code 安裝方式及七步落地流程，適合尚未接入 E2E 的前端與全棧項目。
閱讀全文終端驅動真實瀏覽器：OpenAI 官方 Playwright Skill 上手
OpenAI 精選 Skill「playwright」將 Playwright Agent CLI 封裝爲終端瀏覽器自動化工作流：打開頁面、快照獲取元素引用、填表點擊、截圖與 Trace 調試。本文基於官方 SKILL.md 覈實，介紹安裝方式（Codex skill-installer、Cursor .cursor/skills）、wrapper 腳本用法、典型命令示例，以及 ref 失效重快照、默認不寫 @playwright/test 等注意事項，適合 E2E 探索式自動化與 UI 流程排查場景。
閱讀全文