Agent Skills Hub

tanstack-query

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

router-query-integration

整合 TanStack Router 與 TanStack Query 以提升單頁應用 (SPA) 效能，實現路由預載入、查詢預擷取與流暢的導航體驗。

tanstack-integration-best-practices

TanStack Query、Router 與 Start 的整合模式與最佳實踐。確保全端資料流的類型安全、高效的 SSR 與統一的快取機制。

react-state-management

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

reactive-ui-patterns

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

api-integration

使用 Apidog 與 MCP 伺服器自動化前端 API 整合。從 OpenAPI 規格生成 TypeScript 型別、TanStack Query 鉤子與基於 axios 的客戶端，確保 API 使用的一致性與型別安全。

dynamic

專為 bkend.ai BaaS 設計的全端開發代理。自動化專案初始化、身份驗證、資料庫設定及 Next.js 應用程式 API 整合。

api-spec-analyzer

分析 OpenAPI 規範以產生 TypeScript 介面、API 服務模式及實作指南，協助前端開發人員進行後端整合。

react-typescript

包含 React 19 與 TypeScript 的生產級開發模式，涵蓋 Hooks、狀態管理、TanStack Query、Zod 表單驗證及效能優化工作流程。

nextjs-app-router

Next.js 13+ App Router 開發專家，支援 Server Components、巢狀佈局、Suspense 串流傳輸以及進階數據獲取模式的應用開發。

react-native-state

精通 React Native 狀態管理，涵蓋 Redux Toolkit、Zustand、TanStack Query 及 AsyncStorage 資料持久化。

react-patterns

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