Agent Skills Hub

project-overview

Complete project architecture and structure guide for LobeHub. Use for codebase exploration, project organization, file location, and architectural context.

dev-cycle

Interactive development workflow manager. Coordinates discovery, planning, review, and build phases using a specialized team of AI agents (Scout, Bob, Garry, Arlo) for consistent project delivery.

frontend-app-design

Build distinctive, high-end React Native Expo interfaces using liquid glass design and iOS Human Interface Guidelines for production-grade mobile apps.

testing-patterns

Jest testing patterns, factory functions, mocking strategies, and TDD workflow. Use when writing unit tests, creating test factories, or following TDD red-green-refactor cycle.

webf-quickstart

Get started with WebF development: setup WebF Go, initialize Vite-based web projects (React/Vue/Svelte), and preview apps in a W3C-compliant native runtime.

design-system-patterns

Master design system architecture: implement design tokens, multi-brand theming, component libraries, and automated design-to-code pipelines for scalable UI foundations.

tanstack-router

TanStack Router configuration, file-based routing, and type-safe navigation for React applications.

dev-workflow

Full-stack SDLC agent workflow managing the entire production lifecycle from intake and planning to automated testing, CI/CD, and infrastructure deployment using MCP tools.

static-site-generation

A framework for managing static site generator (SSG) projects using Astro, including build optimization, GitHub Pages deployment patterns, and type-safe content collection schemas.

react-router-data-mode

Build React applications using React Router's data mode (createBrowserRouter/RouterProvider) for loaders, actions, fetchers, and optimistic UI without the Vite framework plugin.

api-integration

Automate frontend API integration using Apidog and MCP servers. Generate TypeScript types, TanStack Query hooks, and axios-based clients from OpenAPI specifications for consistent, type-safe API consumption.

router-query-integration

Integrates TanStack Router with TanStack Query for optimal SPA performance, enabling efficient route loaders, query prefetching, and seamless navigation.