Agent Skills Hub

parallel-agents

透過協調多個專業 AI 代理來執行複雜工作流，實現多角度代碼分析、功能開發與系統級審查的自動化編排。

tanstack-router

TanStack Router 設定、檔案系統路由與 React 應用程式的型別安全導航。

react-typescript

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

tailwindcss

TailwindCSS v4 模式庫，提供基於 CSS 的配置、@theme 設計標記、@source 內容檢測，以及用於高效前端工作流的現代 CSS 工具。

testing-frontend

自動化前端組件測試、使用者互動模擬、API 模擬，以及設置 Vitest、React Testing Library 與 Vue Test Utils。

visual-design-foundations

建立一致的視覺系統，包含設計代幣、模組化排版系統、8點間距網格及無障礙色彩規範，以提升 UI 開發的一致性。

design-system-patterns

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

react-ui-patterns

標準化的 React UI 模式，用於處理載入狀態、錯誤處理與資料擷取，確保一致的使用者體驗與穩固的元件架構。

web-component-design

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

react

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