Project Overview

This is your architectural map when working with LobeHub's codebase. It breaks down the entire monorepo structure, from the SPA routing inside Next.js with react-router-dom to the complete tech stack (Next.js 16, React 19, Zustand, TRPC, Drizzle ORM). You get the full directory layout, a layer-by-layer architecture map showing where UI components live versus server services versus database schemas, and the actual data flow from React UI through stores to TRPC and PostgreSQL. Useful when you're trying to figure out where to put new code, trace a feature through the stack, or just understand how this thing is organized. The distinction between cloud-only business logic and core packages is clearly marked, which saves time if you're working on the open source version.

skills.sh installs: 4.4K
GitHub stars: 84.6K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add lobehub/lobehub --skill project-overview --agent claude-code

Installs into .claude/skills of the current project.

Files

LobeHub Project Overview

The directory listings below are a curated map of key locations, not an exhaustive tree. packages/, src/store/, route groups etc. grow over time — run ls against the real directory for the current set.

Project Description

Open-source, modern-design AI Agent Workspace: LobeHub (previously LobeChat). This repo is the open-source root (github.com/lobehub/lobehub, package @lobehub/lobehub).

Supported platforms: