Agent Skills Hub

table-filters

為資料表格設計並實作專業、互動式的篩選使用者介面，並能根據欄位資料類型自動調整。

design

協作式 UI 設計、線框圖繪製與 Tailwind 優先的程式碼優化，打造獨特且高品質的介面，避免生成式 AI 的通用設計模式。

vibe-orchestrator

Lovable 風格 AI 開發工作流程控制器。透過調度專門的子代理，即時生成優質、多頁面且具備動畫效果的應用程式。無需冗長提示，直接啟動開發。

vercel-composition-patterns

用於構建可擴展 React 代碼庫的組合模式。適用於重構複雜組件、構建靈活的組件庫，以及應用複合組件模式或 React 19 架構變更。

components-build

根據 components.build 規範構建現代化、可組合且易於存取的 React UI 元件。適用於設計系統、元件庫及可重用 UI 架構的開發與維護。

design-system-implementation

強制執行 UI 嚴格遵守專案設計系統的標記、元件與版面配置規範，以確保前端開發的一致性。

react-router-data-mode

使用 React Router 的資料模式 (data mode) 開發 React 應用程式，包含 createBrowserRouter、路由器 (RouterProvider)、loaders、actions、fetchers 與樂觀 UI 更新。

draw-io

專門用於建立、編輯和維護 .drawio 流程圖的技能。支援 XML 操作、排版優化、AWS 圖示整合，以及文件自動化 PNG 轉換。

epsimo-agent

Epsimo AI 平台開發套件與 CLI，支援建立具有持久化狀態、虛擬資料庫、串流對話及 React UI 套件的智慧代理。

make-slide

生成專業的單檔案 HTML 簡報，內建演講者備忘錄。支援多種主題、版面配置及 PPTX 匯出，適用於演講、投影片及提案。

review-react-best-practices

為 React 和 Next.js 應用程式執行自動化、基於規則的效能與可靠性審核，涵蓋套件大小、瀑布式請求、渲染與資料擷取等面向。

skill-developer

根據 Anthropic 最佳實踐建立與管理 Claude Code 技能，包含觸發條件、Hook 機制與漸進式揭露。