project-overview

Map the LobeHub monorepo architecture across UI, routes, stores, services, and DB layers.

1|Updated May 9, 2026
One-click install
npx skills add https://github.com/duwenji/generative-ai-oss-tutorials --skill project-overview-duwenji
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: project-overview
Source: https://github.com/duwenji/generative-ai-oss-tutorials/tree/main/sandbox/lobe-chat/.agents/skills/project-overview
Command: npx skills add https://github.com/duwenji/generative-ai-oss-tutorials --skill project-overview-duwenji

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill solves the problem of getting lost in a large LobeHub (LobeChat) codebase by giving you a curated architecture and directory map so you can quickly locate the right subsystems and understand how they connect.

Core Features & Use Cases

  • Project architecture map: Identifies major layers (UI, routes, stores, client services, API/trpc routers, server services, DB models/repositories) and where they live in the repo.
  • Tech stack overview: Summarizes the core technologies (Next.js, TypeScript, Zustand, SWR, TRPC, Neon + Drizzle, Vitest) to align your exploration with real implementation choices.
  • Monorepo + override understanding: Explains how the cloud repo overrides open-source submodule code and how to reason about which implementation is active.
  • Use Case: When you need to add or debug a feature, it helps you navigate to the relevant route group, store, service, router, and persistence layer without manually crawling the entire tree.

Quick Start

Ask for a project architecture overview to learn where the UI, routing, state, API, and database layers are implemented in the LobeHub monorepo.

Frequently Asked Questions about project-overview

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I navigate the LobeHub monorepo architecture without manually crawling directories?

To navigate the LobeHub monorepo architecture, use a curated architecture map that identifies major layers like UI, routes, stores, client services, tRPC routers, and DB models so you can quickly locate the right subsystems without manually crawling the directory tree.

What is the tech stack used in the LobeHub codebase?

The LobeHub codebase tech stack includes Next.js, TypeScript, Zustand for state management, SWR for data fetching, tRPC for API routing, Neon and Drizzle for database operations, and Vitest for testing to align your exploration with real implementation choices.

How do cloud overrides work in the LobeHub monorepo?

Cloud overrides in the LobeHub monorepo work by allowing the cloud repository to override open-source submodule code, requiring deterministic reasoning about override precedence rules to determine which implementation is currently active.

How do I trace end-to-end data flow from UI routes to the database in LobeHub?

To trace end-to-end data flow in LobeHub, follow the architecture map from UI and route groups through Zustand stores and client services, down to tRPC API routers, server services, and finally DB models and repositories to see how system components connect.

Can I use this architecture map to locate specific stores and services for debugging a feature?

Yes, you can use the architecture map to locate specific stores and services for debugging by identifying the relevant route group, Zustand store, client or server service, tRPC router, and persistence layer without manually searching the entire repository structure.

When do I need a project architecture overview for a monorepo?

You need a project architecture overview for a monorepo when you are getting lost in a large codebase, need to add or debug a feature, or must understand how layers like routing, state management, API routers, and database models connect within the repository.