Playwright

e2e-testing 技能是一份以 Playwright 為核心的穩定端對端測試自動化指南，涵蓋檔案組織、Page Object Model 使用、設定、CI 就緒、產物除錯，以及 flaky test 處理等模式。

ui-demo 可幫你用 Playwright、可見游標移動與自然節奏，錄製更精緻的網頁應用程式示範影片。適合用於操作導覽、上手教學、功能巡覽與教學式錄製。請依照「探索 → 演練 → 錄製」的工作流程操作，特別適合原型與快速變動的 UI，以獲得更穩定可靠的結果。

tdd-workflow 是一個適用於新功能、修正錯誤與重構的測試優先工作流程技能。它強制落實 TDD，要求單元、整合與 E2E 測試覆蓋率達到 80% 以上，並搭配明確的檢查點與邊界情境驗證。當你需要一份實用的 Test Automation 指南，以及更可預期的程式碼變更時，就很適合使用 tdd-workflow 技能。

data-scraper-agent 協助建立可重複執行的公開資料流程，用於網頁爬取、資料增補與儲存。它適合搭配 GitHub Actions 依排程監控工作、價格、新聞、repo、體育賽事與清單，並將結果輸出到 Notion、Sheets 或 Supabase。最適合持續追蹤，不適合一次性擷取。

canary-watch 是一套部署後監控技能，可在版本釋出、合併或依賴更新後，檢查正式環境或預備環境中的 live URL 是否出現回歸問題。

browser-qa 是一套用於部署後視覺測試、互動檢查、響應式截圖與可及性檢視的 browser QA 技能，透過 browser automation 進行。它能幫助前端開發者與 QA 團隊，以可重複執行的 browser-qa 指南驗證 staging 或 preview 頁面，而不是依賴泛用提示。

webapp-testing 是一項用 Python Playwright 測試本機 Web 應用的技能。它可協助代理透過 `scripts/with_server.py` 啟動伺服器、檢查實際渲染的 UI、找出選擇器、擷取截圖與 console 記錄，並以先偵察後驗證的流程確認前端行為。

browse 是一個快速的無頭瀏覽器技能，適合 QA、內部實測與瀏覽器自動化。可用來開啟頁面、與元素互動、驗證狀態、比較操作前後的差異、擷取截圖，並檢查響應式版面、表單、上傳、對話框與元素狀態。當你需要的是瀏覽器證據，而不是泛用提示詞時，就安裝 browse。

cloud skill 可協助你安裝並使用 Browser Use Cloud 來進行 Browser Automation，內容涵蓋快速入門設定、v2 與 v3 API、SDK 用法、sessions、profiles、CDP 連線、proxies、webhooks 與即時監控。

gstack 是一個以瀏覽器驅動的 AI 技能，適用於 QA 測試、內部試用、發布檢查與錯誤蒐集。它會開啟真實頁面、實際點擊 UI、驗證狀態、比對前後差異、測試響應式版面，並擷取附有螢幕截圖佐證的結果。當你需要來自 gstack skill 的可靠瀏覽器結果時，特別適合用於 UI 設計審查與部署驗證。

webapp-testing 是一項以 Playwright 為基礎的 skill，用於檢查、除錯與測試本機 Web 應用程式。它會引導 agents 進行靜態 HTML 檢查、動態應用程式偵察、截圖、console logging、selector discovery，以及透過 scripts/with_server.py 設定伺服器生命週期。

diagnose 是一套結構化的除錯流程，專為疑難 bug、不穩定測試與效能回歸而設計。它能幫你重現問題、縮小失敗範圍、一次只驗證一個假設、加入觀測資訊、修正根因，並透過回歸測試把問題鎖住。當只說「幫我 debug 這個」還不夠時，就適合用 diagnose 指南。

browser-automation 協助 agents 建立 Playwright 工作流程，適用於爬取、表單填寫、螢幕截圖、下載、session 處理與結構化資料擷取。內含 recipes、API references 與 helper scripts，面向正式環境的瀏覽器自動化，而非 E2E 測試。

testrail 是一個以 Playwright 為核心的 skill，用於同步 TestRail cases 與 runs。它可將 TestRail cases 匯入為帶註解的 Playwright tests，並透過必要憑證與 MCP tools，將 JSON reporter results 回寫到 TestRail。

report 是一個輕量的 Playwright test reporting skill，可檢查既有 artifacts、在需要時執行測試、解析結果，並產生 Markdown、Slack、TestRail 或 CI-ready 摘要。

init 是一項 Playwright 設定 skill，可為 JavaScript 或 TypeScript 專案加入端對端測試基礎架構。使用這份 init 指南來檢查 repo、安裝 Playwright、產生 config、建立測試資料夾，並加入適合 CI 的 Test Automation 預設值。

fix 是用於 Playwright 測試除錯的技能，適合處理失敗或不穩定的測試。它會引導 agent 依序重現問題、進行 burn-in 重複執行、擷取 trace，並依分類法診斷 timing、isolation、environment 與 infrastructure 等問題。

browserstack skill 可用於在 BrowserStack 雲端網格上設定 Playwright 測試。內容涵蓋必要憑證、connectOptions、browser matrix 設定，以及在跨瀏覽器 Test Automation 中實際使用 browserstack 的方式。

playwright-cli 是一個可從命令列操作 Playwright 的瀏覽器自動化技能。它可協助開啟頁面、檢查元素、點選流程、填寫表單、擷取截圖、模擬請求，以及從真實互動產生測試程式。適合需要可重複執行的瀏覽器自動化與 UI 測試情境。

azure-resource-manager-playwright-dotnet 是一個用於 Azure Resource Manager 與 Microsoft Playwright Testing 的 .NET 管理平面技能。它可協助後端開發與平台自動化團隊建立和管理 Playwright 工作區、檢查名稱可用性，並處理工作區配額。適合用於佈建與工作區生命週期管理，不適合用來執行測試。

excalidraw-diagram 會產生 Excalidraw JSON 圖表，不只是畫出方塊與箭頭，而是能以視覺方式呈現論證。適合用於工作流程、架構、序列流程、決策路徑與概念圖等需要結構清楚、易讀，且能反映真實關係的情境。內容包含安裝指引、可視渲染檢查，以及有助於提升圖表品質的實務工作流程。

playwright-testing skill 可用於撰寫與除錯 Playwright 端對端測試，涵蓋 page objects、跨瀏覽器執行、適合 CI 的設定、驗證處理，以及穩定的測試結構。

playwright-best-practices 是一套針對 Playwright + TypeScript 的技能，聚焦於撰寫穩定測試、降低 flaky、優化 auth 流程、判斷 fixtures 與 page objects 的取捨，並以實務 repo 內容提供 CI、popups、mobile、iframes、websockets 與多使用者情境的操作指引。

use-my-browser 是一個瀏覽器自動化策略技能，用來協助選擇合適的網頁操作層：公開網頁工具、即時 Chrome、raw fetch，或 Playwright，以處理需登入、動態內容與依賴 DevTools 的任務。