Agent Skills Hub

react-patterns

實現 React 19 模式：React Compiler、Server Actions、表單與新 hook（如 'use'）。指導在 Actions 與 TanStack Query 之間進行變更處理的決策。

slidev-click-animations

精通 Slidev 中的 v-click、v-after 和 motion 指令，以實現漸進式內容揭露、互動式圖表及複雜的簡報動畫效果。

awb

為 Claude Code 和 AI 代理提供互動式 UI 元件。建立確認框、清單、輸入框、表格和視圖，以實現非阻塞式互動與監控。

resume-builder

使用 AI 為 Reactive Resume 產生專業履歷。協助您建構、編寫並優化履歷內容，並輸出為符合 rxresu.me 標準的 JSON 格式。

Building Frontend Dashboards

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

creating-mermaid-diagrams

生成相容於 GitHub 的 Mermaid 圖表，包含經測試的配色方案、本地 SVG/PNG 預覽以及基於 Gist 的渲染預覽。

core-principles

React 19 單頁應用開發的架構治理與專案標準，確保技術堆疊整合、專案結構與代理執行規則的一致性。

muapi-logo-creator

透過 AI 驅動的品牌邏輯，運用幾何圖形、負空間與平面向量風格，設計專業級的品牌識別標誌。

design-system-implementation

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

Fluxwing Screen Scaffolder

透過組合多個 uxscii 元件來建構完整的 UI 螢幕。適用於建立、架構或構建 .uxm 螢幕，例如登入、儀表板、個人資料、設定或結帳頁面。

qstash-js

使用官方 Upstash QStash JavaScript/TypeScript SDK 來管理無伺服器訊息傳遞、任務排程與 Webhook 驗證。

dashboard-design

Vizro 儀表板設計與規劃工具，強制執行 3 步驟工作流程（需求、佈局、視覺化），確保開發出可直接投入生產的儀表板。