Agent Skills Hub

review-react-best-practices

為 React 和 Next.js 應用程式執行自動化、基於規則的效能與可靠性審核，涵蓋套件大小、瀑布式請求、渲染與資料擷取等面向。

fullstack-workflow

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

web-component-design

掌握 React、Vue 和 Svelte 的組件驅動開發。學習進階組合模式、CSS-in-JS 策略及用於可擴展 UI 設計系統的組件 API 設計。

react-doctor

分析並審核 React 專案的安全性、效能、正確性與架構問題，並提供可執行的診斷報告與評分。

rivetkit-client-react

RivetKit 官方 React 客戶端。提供 useActor 和 createRivetKit 等 Hook，協助開發連接 Rivet Actor 的即時 React 應用程式。

vercel-react-native-skills

React Native 和 Expo 效能優化最佳實踐。涵蓋列表虛擬化、Reanimated 動畫、UI 模式以及原生平台 API 優化。

react

LobeHub React 組件開發指南，包含 antd-style 樣式、@lobehub/ui 佈局與路由管理。

react-flow-node-ts

為 React Flow 節點建立元件腳本，包含 TypeScript 型別定義、Zustand 狀態管理與標準連接點，適用於視覺化工作流程編輯器。

bazinga-db-core

管理 BAZINGA-DB 核心引擎的資料庫協調會話、狀態快照及系統級操作。

react-router-data-mode

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

vercel-composition-patterns

用於構建可擴展 React 代碼庫的組合模式。適用於重構複雜組件、構建靈活的組件庫，以及應用複合組件模式或 React 19 架構變更。

agentdb-state-manager

基於 DuckDB 的持久化狀態管理與工作流程分析工具，支援任務依賴追蹤、歷史指標與上下文檢查點功能。