浏览器自动化

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

nuxt4-patterns 是一個用於 Nuxt 4 的技能，聚焦於 hydration 安全、路由規則、延遲載入，以及 SSR 安全的資料擷取。使用 nuxt4-patterns 技能，能幫助你做出更好的 Frontend Development 決策、減少不一致，並為每個頁面或元件套用最合適的模式。

deep-research 技能可將寬泛問題轉化為有來源依據的網頁研究，並搭配 firecrawl 與 exa MCP 工具使用。適合用來比較資料來源、綜整發現，並產出帶引用的報告，應用在競品分析、技術評估、盡職調查，以及其他需要證據支持的決策。

使用 benchmark 技能來量測效能基準、在 PR 前後偵測回歸，並比較頁面、API 與建置之間的技術棧替代方案，協助進行 Performance Optimization。

benchmark 技能可協助偵測網站與應用程式工作流程中的效能退化。你可以用它建立基準值、比較變更前後差異，並追蹤某個 PR 是否讓頁面變慢、變重，或穩定性下降。這是一份實用的 benchmark 指南，適用於效能最佳化、Core Web Vitals、Lighthouse 檢查、bundle 大小，以及載入時間趨勢分析。

canary 是一個部署後監控技能，會持續查看正式環境中的應用是否出現 console 錯誤、頁面失敗與效能回退。它會把目前行為和部署前基準做比較，讓你能驗證版本是否正常、及早發現壞掉的頁面，並比一般提示更少靠猜測地找出可見異常。

qa 技能會以分階段工作流程系統化測試 Web 應用、找出 bug，並驗證修正是否生效。當你需要回歸測試、上線準備檢查，或想要一套結構化 QA 指南，而不是泛用的找 bug 提示詞時，這個技能特別適合；它提供證據、嚴重度評分，以及原子化的修正與重測循環。

提供 browser-use Python 函式庫的文件查詢。open-source skill 可協助安裝與設定、Agent 與 Browser 程式碼、模型環境變數、工具、MCP 整合、監控，以及舊版 Actor API 的使用指引。

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

parsehub-automation 是一份 Claude 技能指南，用於透過 Composio Rube MCP 執行 ParseHub 工作流程。內容涵蓋設定背景、RUBE_SEARCH_TOOLS 探索、連線檢查，以及 Web Scraping 任務的安全使用模式。

bugbug-automation 可協助代理透過 Composio Rube MCP 自動化 Bugbug 測試工作流程，並在執行前以 schema 優先的方式探索工具與檢查連線。

Apify Automation 是一個 Claude skill，可透過 Composio 執行 Apify Actors：連接 MCP、執行同步或非同步 scraping jobs、擷取 datasets、建立 tasks，並查看 logs。

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

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

critique 可幫你從 UX 角度檢視介面、功能、頁面或元件，提供結構化評分、基於 persona 的測試、啟發式檢查與可執行的回饋。當你需要一套可重複使用、專為 UI/UX Design 設計的 critique 指南，而不是空泛評論時，就適合使用這個 skill。它最適合針對某個明確範圍、具備清楚脈絡的目標區域進行聚焦 critique。

figma-create-new-file 可在 drafts 中建立全新的 Figma Design 空白檔案或 FigJam board。當你需要先有一個乾淨的起點，再進行更深入的 Figma 操作時，這個 skill 很適合使用，包括搭配 use_figma。它支援 design 或 figjam、可選檔名設定，必要時也能透過 whoami 解析方案存取權限。

baoyu-post-to-wechat 是一個用於 WeChat Official Account 發佈的技能，支援文章與圖文訊息的瀏覽器流程與 API 流程。可接受 Markdown、HTML 與純文字輸入，並支援以前言中繼資料擷取標題與摘要、Markdown 轉 WeChat 格式、圖片處理，以及用於 Chrome profile 自動化的環境檢查。

baoyu-post-to-weibo 可讓代理透過真實的 Chrome 工作階段發佈微博貼文與頭條文章。支援文字、圖片、影片、Markdown 轉 HTML、剪貼簿貼上輔助，以及以 bun 或 npx 執行，適合建立較穩定的發文流程。

使用 transformers-js 在瀏覽器與伺服器執行環境中，以 JavaScript 和 TypeScript 執行 ML 模型。這個 transformers-js 技能涵蓋安裝、模型載入、快取、設定，以及針對文字、影像、音訊、多模態任務的實際 transformers-js 用法，也包括搭配支援的 text-generation 模型進行 Code Generation 的 transformers-js。

seo-dataforseo 透過 DataForSEO MCP server 將 Claude 連接到即時 SEO 資料，支援 SERP 檢查、關鍵字研究、反向連結、頁面內分析、競品研究、商家資訊，以及 AI 可見度追蹤。這個技能特別適合需要真實搜尋證據、清楚安裝指引與實用 seo-dataforseo 用法的資料導向工作流程。

seo-audit 會透過平行子代理分工執行完整網站 SEO 稽核，最多可爬取 500 頁並辨識商業類型。它涵蓋技術、內容、schema、效能、視覺、在地與地理訊號，最後輸出健康分數與優先修正建議，適合做全站檢視與 SEO 內容分析。

analyzing-browser-forensics-with-hindsight 可協助數位鑑識團隊使用 Hindsight 分析 Chromium 瀏覽器痕跡，包括瀏覽紀錄、下載項目、Cookie、自動填入、書籤、已儲存憑證中繼資料、快取與擴充功能。可用來重建網路活動、檢視時間軸，並調查 Chrome、Edge、Brave 與 Opera 使用者設定檔。

website-to-hyperframes 是一個工作流程技能，可將既有網站轉成 HyperFrames 影片。當你手上有一個 URL，並且想做一支以網站真實設計、文案與素材為基礎的產品導覽、宣傳片、社群廣告或解說影片時，就很適合使用它。這個 repo 支援 capture、design、script、storyboard、VO、build 與 validation，適用於 Design Implementation 工作。

wp-playground skill 可協助你建立可丟棄、可重現的 WordPress Playground 環境，用於外掛與佈景主題測試、版本切換、blueprints、snapshots 以及隔離式除錯。它支援透過 @wp-playground/cli 的瀏覽器或 CLI 工作流程，特別適合後端開發、QA，以及受控的問題重現。