Agent Skills Hub

ui

產生 UI 元件、Hero 區塊與回饋表單。整合無障礙檢查清單與專業設計參考，確保開發品質。

Building Frontend Dashboards

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

table-filters

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

design-md

分析 Stitch 專案並將語義化設計系統合成為 DESIGN.md 檔案，作為 AI 驅動 UI 生成的真實數據來源。

interface-design

為實用型應用程式提供介面設計指引，專注於儀表板、管理面板與數據密集型介面，採用以組件庫為先的開發模式。

format

使用 Prettier 和 Stylelint 驗證代碼格式與樣式規則，且不進行修改。確保代碼庫一致性，檢測 JS/TS/CSS/SCSS 文件中的格式錯誤。

livewire-development

開發反應式 Livewire 4 組件，處理 wire 指令、狀態管理、即時更新、組件測試，並整合 Flux UI 以構建高效能 Laravel 應用程式。

fp-pipe-ref

fp-ts 的 pipe 與 flow 快速參考。用於串接函式、組合操作，或在函數式 TypeScript 程式碼中建立乾淨且易讀的資料管道。

template-nextjs-moderne

為 Claude Code 提供的全方位 Next.js 15 開發與專案管理技能，包含 Supabase 整合、RBAC 權限管理及自動化品質驗證。

make-slide

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

figma-design-to-code

使用 TemPad Dev MCP 將 Figma 設計轉換為符合專案規範的 UI 代碼，精確處理標記、樣式與設計標記整合。

vibe-orchestrator

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