Agent Skills Hub

project-overview

LobeHub 專案架構與結構指南。用於探索程式碼庫、理解專案組織、查找檔案及獲取架構背景資訊。

dev-cycle

互動式開發流程管理器。協調探索、規劃、審查與建置階段，並運用專屬 AI 代理團隊（Scout、Bob、Garry、Arlo）確保專案交付品質。

frontend-app-design

構建獨特、高品質的 React Native Expo 介面，運用液態玻璃設計與 iOS 人機介面準則，打造工業級行動應用。

testing-patterns

Jest 測試模式、工廠函數、模擬策略與 TDD 工作流程。適用於編寫單元測試、建立測試工廠或遵循 TDD 紅綠重構循環。

webf-quickstart

開始使用 WebF 開發：設定 WebF Go、初始化基於 Vite 的網頁專案（React/Vue/Svelte），並在符合 W3C 標準的原生執行環境中預覽應用程式。

design-system-patterns

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

tanstack-router

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

dev-workflow

全端軟體開發生命週期 (SDLC) 代理工作流程，使用 MCP 工具管理從需求導入、規劃到自動化測試、CI/CD 與基礎設施部署的完整生產週期。

static-site-generation

用於管理靜態網站生成器 (SSG) 專案的框架，涵蓋 Astro、建置優化、GitHub Pages 部署模式以及型別安全的內容集合架構。

react-router-data-mode

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

api-integration

使用 Apidog 與 MCP 伺服器自動化前端 API 整合。從 OpenAPI 規格生成 TypeScript 型別、TanStack Query 鉤子與基於 axios 的客戶端，確保 API 使用的一致性與型別安全。

router-query-integration

整合 TanStack Router 與 TanStack Query 以提升單頁應用 (SPA) 效能，實現路由預載入、查詢預擷取與流暢的導航體驗。