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 的 Web 项目（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) 效能，实现路由预加载、查询预获取与流畅的导航体验。