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.

Install to Claude Code

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