Playwright

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

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

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

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 設計審查與部署驗證。

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

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 的任務。

playwright-skill 是一份專為 Playwright 設計的可靠瀏覽器自動化指南。它能幫助團隊撰寫、除錯與擴充測試，涵蓋 E2E 流程、API 檢查、元件測試、視覺回歸、可及性、驗證、CI/CD，以及從 Cypress 或 Selenium 遷移。當你需要的是實用模式，而不是泛用的測試建議時，就適合使用 playwright-skill。

playwright-skill 是一個瀏覽器自動化技能，適合用來測試頁面、填寫表單、檢查連結、截圖、驗證響應式版面，以及處理登入或結帳流程。它會自動偵測開發伺服器，搭配通用執行器，幫助你用更少的設定與猜測，穩定執行 Playwright 任務。

x-article-publisher 是一個以工作流程為核心的技能，用於將 Markdown 發佈到 X（Twitter）Articles，並保留格式、處理封面圖片與進行富文字轉換。它適合需要實用的 x-article-publisher 指南、以瀏覽器為基礎的發佈流程，以及工作流程自動化的使用者。

playwright-interactive 是一個瀏覽器自動化技能，適用於本機網頁與 Electron 應用中的持久化 Playwright 工作階段。可用來檢查 UI 狀態、重試互動，以及執行功能或視覺 QA，而不必重啟工具鏈。當你需要一本實用的 playwright-interactive 迭代除錯指南時，特別適合使用。

使用 playwright 技能，透過終端機搭配包裝腳本與 `playwright-cli` 操控真實瀏覽器。它適合各類瀏覽器自動化工作，例如導覽、表單填寫、截圖、快照、資料擷取與 UI 流程除錯。先確認 `npx` 是否可用，安裝技能，設定 `PWCLI`，再依照以 CLI 為先的工作流程執行。

azure-microsoft-playwright-testing-ts 可協助你使用 TypeScript 在 Azure Playwright Workspaces 上設定 Playwright 測試執行。適合用於大規模瀏覽器自動化、雲端代管瀏覽器、CI/CD 整合、Microsoft Entra 驗證，以及 Azure 入口網站報表。內容涵蓋安裝、設定與使用指引。

e2e-testing-patterns 是一項實用技能，適合用來設計可靠且高效的端對端測試套件。可用於挑選關鍵路徑覆蓋範圍、降低測試不穩定性，並套用 Playwright 或 Cypress 的測試模式，打造可在 CI 中穩定執行的自動化流程。