Agent Skills Hub

react-state-management

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

ui-styling

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

web-artifacts-builder

一套用於開發與打包複雜、多組件 React/TypeScript 網頁實體的工具包，整合了 Vite、Tailwind CSS 與 shadcn/ui。

design-system-patterns

掌握設計系統架構：實作設計標記 (design tokens)、多品牌主題、組件庫以及自動化設計轉程式碼流程，建立可擴展的 UI 基礎。

react

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

interaction-design

設計並實作微互動、動態設計與轉場效果。用於提升 UI 精緻度、實現載入狀態，並創造直觀、令人愉悅的用戶反饋體驗。

chatkit-frontend

使用 OpenAI ChatKit React 組件實現生產就緒的 AI 聊天介面。功能包含 hook 配置、流式傳輸、主題自定義、對話歷史與 Next.js 應用程式的自定義工具整合。

shipany

Shipany AI SaaS 樣板官方文件輔助技能。提供 Next.js 15、Drizzle ORM、NextAuth 與支付整合的專家指導。

vue-typescript

專為使用 TypeScript 構建 Vue 3 應用程式所設計的技能，涵蓋組合式 API (Composition API)、Pinia 狀態管理、Vue Router 以及自定義組合式函式 (Composables)。

dev

開發與維護 PWAFire 工具庫：編寫 PWA API 模組、處理功能檢測、管理測試，並遵循嚴格的同步/非同步模式與錯誤處理規範貢獻程式碼。

dependency-upgrade

透過相容性分析、分階段更新策略與自動化測試，系統化地管理大型軟體依賴項升級。

vercel-react-native-skills

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