Agent Skills Hub

ui

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

server-actions

Next.js Server Actions 專家技能，涵蓋 App Router 中的表單處理、資料變更、重新驗證以及樂觀 UI 更新。

react-router-data-mode

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

reactive-ui-patterns

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

react-ui-patterns

標準化的 React UI 模式，用於處理載入狀態、錯誤處理與資料擷取，確保一致的使用者體驗與穩固的元件架構。

react-state-management

掌握現代 React 狀態管理。學習使用 Redux Toolkit、Zustand、Jotai 和 React Query 來處理全域、伺服器與本地狀態。

updating-dawncaster-filters

在 Dawncaster 遊戲擴充包發布後，系統化地更新卡片與天賦瀏覽器的篩選器下拉選單及映射陣列，確保前端資料與 Blightbane API 同步。

fullstack-workflow

Next.js 全端開發標準流程，整合 GET API 路由、伺服器動作 (Server Actions)、SWR 資料獲取，以及使用 Zod 驗證的 React Hook Form 表單處理。

tanstack-query

TanStack Query v5 專業狀態管理模式，涵蓋查詢鍵工廠、資料變異、快取策略及 SSR 配置，適用於各類伺服器狀態管理任務。

looped-builder

將大型且複雜的程式開發任務拆解為可執行的階段性計畫，並透過 Claude 驅動的 Bash 迴圈進行自動化實作與部署。

ui-design

一個專門用於生成單文件 HTML 使用者介面的工具，內建 Tailwind CSS，非常適合快速原型製作、UI 探索和設計靈感參考。

ui-implementer

根據 Figma 或設計稿實作 UI 組件，提供像素級精確度、智慧設計驗證與自適應代理切換功能。