Agent Skills Hub

core-components

核心元件庫與設計系統模式，透過設計權杖 (design tokens) 確保 UI 開發的一致性。

tanstack-query

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

css-modules

基於 Lightning CSS 或 PostCSS 的 CSS Modules 元件封裝策略，包含 TypeScript 整合與 Vite 設定。

shadcn-ui

實作 shadcn/ui 元件：包含安裝、Vite/TanStack Router 設定、CLI 指令管理及 Tailwind CSS 整合。

modern-best-practice-nextjs

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

svelte-code-writer

用於 Svelte 5 文件查詢與代碼分析的 CLI 工具。透過即時文件檢索與自動修復功能，優化 Svelte 組件的開發、除錯與檢查流程。

react-flow-node-ts

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

fullstack-workflow

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

server-components

Next.js React Server Components (RSC) 指南，涵蓋伺服器與客戶端組件邊界、數據獲取及組合模式。

ui-styling

使用 shadcn/ui 與 Tailwind CSS 建構可存取且一致的使用者介面。採用組件優先架構以建立設計系統、整合 React Hook Form，並實踐響應式行動優先開發。

tamagui-best-practices

Tamagui 函式庫架構、設定、編譯器優化與元件模式的最佳實踐。

Frontend Components

為 Django 生產環境伺服器與工作程序提供標準化配置與管理。