Agent Skills Hub

reactive-ui-patterns

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

pinia

Pinia 官方 Vue 狀態管理技能。提供關於 Store 定義、響應式處理、型別安全及 Store 間通訊的專業指導。

ragcode-sse

透過 SSE 協定直接連接 RagCode MCP，無需繁瑣的設定檔或二進位檔案依賴。

senior-frontend-engineer-react

企業級 React CRUD 開發技能，專注於 React 16.14 與 DVA 2.x。提供自動化列表頁生成、表單管理與 API 服務層整合。

state-snapshot

擷取完整的除錯對象狀態快照，包含所有已提交的記憶體區域與處理器暫存器，供離線分析與鑑識調查使用。

Advanced Modular Library Design

使用 HexDI 原則設計模組化 TypeScript 函式庫：實現編譯時依賴驗證、功能優先組織與清晰的 API 邊界。

svelte-runes

Svelte 5 Runes 專業指南：涵蓋反應式狀態 ($state)、衍生值 ($derived)、副作用 ($effect)、props 及遷移策略。協助開發者避免常見反應式設計錯誤。

react-router-data-mode

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

upstash-workflow-js

使用 Upstash Workflow SDK 構建持久且可靠的無伺服器工作流。定義端點、管理複雜的執行步驟，並與 QStash 整合以實現自動重試和狀態管理。

fullstack-workflow

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

react

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

tanstack-query

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