Agent Skills Hub

browser-debugger

使用 Chrome DevTools MCP 和 AI 視覺模型進行 UI 測試、設計一致性驗證及瀏覽器除錯。

data-extraction-patterns

為 GA4 與 GSC 分析數據提供提取、緩存與處理的最佳實踐模式，並整合 MCP 伺服器操作。

rivetkit-client-javascript

RivetKit JavaScript 客戶端開發指南，支援瀏覽器、Node.js 與 Bun。涵蓋 Rivet Actor 連線管理、狀態同步、RPC 動作執行與事件訂閱。

firecrawl-scraper

使用 Firecrawl API 進行進階網頁爬取，支援深度內容提取、頁面互動、截圖及 PDF 解析。

elegant-design

使用 React、Next.js 與 shadcn/ui 等現代設計系統，建構專業、易於使用且具響應式的介面。專注於開發者工具、聊天介面及即時串流組件。

wednesday-design

UI/UX 設計助手，為 React/Next.js 專案強制執行組件庫使用規範、可訪問性與設計標記。確保使用 shadcn/ui、Aceternity 等核准庫來保持視覺一致性。

cloudflare-pages

用於部署 JAMstack 應用程式、管理無伺服器函式以及設定基於 Git 的 CI/CD 工作流程的 Cloudflare Pages 技能。

cloudscape-codegen

生成符合 Cloudscape Design System 的 React + TypeScript UI 程式碼，包含輔助功能、響應式佈局及完善的狀態處理。

discord

Discord 整合功能，支援透過 OpenClaw 代理執行自動化訊息傳送、頻道管理及豐富的 UI 互動。

react-native-design

精通 React Native 樣式、導航與 Reanimated 動畫。構建高性能、跨平台的原生體驗行動應用程式。

native-app-performance

透過 xctrace 進行原生 macOS/iOS 應用程式效能分析，並在無需開啟 Instruments UI 的情況下進行命令列熱點分析。

pixel-art

為您的文件、README 和簡報生成客製化像素藝術 SVG 插圖。適用於角色精靈圖、對話視覺化以及品牌標誌設計。