Agent Skills Hub

Building Frontend Dashboards

使用 TypeScript、shadcn/ui、TanStack Query 和 Supabase 建構響應式 React 儀表板。適用於製作 KPI 卡片、數據表格、Recharts 圖表及 event-studio 管理後台。

mcp-patterns

為 @youdotcom-oss/mcp STDIO 橋接器提供的維護模式，專注於傳輸生命週期管理、關閉保護機制及健全的錯誤處理。

seaborn

Python 統計視覺化程式庫。透過 Pandas 整合與自動統計估計，輕鬆製作盒鬚圖、熱圖與小提琴圖等出版級品質的統計圖表。

threejs-animation

Three.js 動畫系統：包含關鍵幀動畫、骨骼動畫、變形目標與動畫混合，適用於程序化運動、GLTF 模型播放與複雜角色動畫融合。

session-init

初始化開發會話，包含環境健康檢查、任務狀態同步，以及為 Claude Code 恢復上下文記憶。

releasing-software

一套發布前檢查清單系統，用於在標記版本前驗證建置路徑、測試和 CI 狀態，防止部署失敗和重複標記。

webapp-test-docker-demo

專為 Playwright 與 Docker 架構設計的端對端測試代理，支援自動化測試執行、報告生成與測試案例編寫。

bdg

專為 AI 代理設計的終端瀏覽器自動化工具，透過 Chrome DevTools Protocol 提供對瀏覽器導航、DOM 操作、網頁爬取及網路監控的持久性直接控制。

build-design-system

使用 Design Graph 方法論構建連貫且基於約束的設計系統。自動化設計令牌、排版比例、元件、變體及主題的創建過程。

api-spec-analyzer

分析 OpenAPI 規範以產生 TypeScript 介面、API 服務模式及實作指南，協助前端開發人員進行後端整合。

reactive-ui-patterns

用於遠端數據獲取的響應式 UI 模式，透過 .current 屬性實現流暢的原位更新、保持滾動位置並有效管理載入狀態。

app-builder

全端應用程式建構編排器，分析自然語言需求以決定技術堆疊、建立專案架構並協調各領域專業代理人。