Agent Skills Hub

react-router-data-mode

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

state-management

前端狀態管理指南，涵蓋 Zustand/Pinia 全域儲存、TanStack Query 伺服器狀態以及 URL 狀態處理。

fullstack-workflow

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

react-ui-patterns

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

Building Frontend Dashboards

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

dojo-debug

診斷並解決 Dojo.js 應用程式中的連線、同步、訂閱及型別問題。用於排解 Torii、實體查詢和狀態更新故障。

server-actions

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

frontend-to-backend-requirements

標準化前端溝通，透過記錄後端開發人員所需的數據需求與業務規則，確保在不指定實作細節的情況下達到清晰的開發共識。

modern-best-practice-nextjs

使用 Next.js App Router、伺服器組件、Server Actions 及現代 React 最佳實踐來構建高效能應用程式。

data-extraction-patterns

為 GA4 與 GSC 分析數據提供提取、緩存與處理的最佳實踐模式，並整合 MCP 伺服器操作。

airiot-frontend

官方 AIRIOT 開發套件，用於構建基於 React、TypeScript 與 shadcn/ui 的應用程式，並整合即時平台功能。

skills

一個專案專屬的架構模板，包含 Next.js 15、FastAPI 與 Supabase 的最佳實踐，以及 Claude AI 的結構化輸出整合模式。