browser-debugger
使用 Chrome DevTools MCP 和 AI 視覺模型進行 UI 測試、設計一致性驗證及瀏覽器除錯。
探索可重用的代理技能,查看實作細節,快速找到適合你工作流程的技能。
共找到 178 個技能
使用 Chrome DevTools MCP 和 AI 視覺模型進行 UI 測試、設計一致性驗證及瀏覽器除錯。
實作 Next.js Parallel Routes 模態視窗以消除版面位移 (layout shifts)。適用於對話框、模態視窗與攔截路由 (intercepted routes)。
自動化 Convex 靜態網站託管整合,管理 React、Vite 與 Next.js 應用的上傳 API、HTTP 路由及部署腳本。
將效能分析資料綜合為具體建議及有據可依的技術決策。
React 19 單頁應用開發的架構治理與專案標準,確保技術堆疊整合、專案結構與代理執行規則的一致性。
從舊版 Crowi (Express/Swig) 遷移至現代架構 (Next.js 16/Fastify/ts-rest) 的自動化遷移工作流程。
基於 Model Context Protocol 的 AI 瀏覽器自動化伺服器,支援網頁互動、數據提取與深度研究。
專注於 Trigger.dev 背景任務與 AI 工作流的專家助手,協助開發、設計與優化高可靠性的非同步 TypeScript 任務架構。
透過高性能、具備防手震功能的搜尋引擎加速任務檢索。支援多標記 AND 邏輯、相關性排序,並能即時標示任務標題、說明與標籤中的匹配文字。
掌握搜尋引擎最佳化 (SEO) 基礎,包括 E-E-A-T、網站核心指標 (Core Web Vitals)、技術優化與 AI 內容創作指南,提升搜尋能見度。
AI 輔助代碼代理版本控制。透過 MemoV 自動追蹤提示詞、上下文與差異,確保完整可追溯性,且不污染 Git 歷史紀錄。
建立、除錯並優化 Cloudflare Durable Objects。支援狀態協調、RPC、SQLite 儲存、WebSocket 處理器以及 Vitest 測試。