Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
lobehub avatar

Project Overview

  • 2.1k installs
  • 81.3k repo stars
  • Updated August 5, 2026
  • lobehub/lobehub

project-overview is an agent skill for LobeHub open-source monorepo architecture map. Use when locating code layers, understanding apps/packages/src layout, business stubs, project structure, or onboarding to the reposi

About

LobeHub open-source monorepo architecture map Use when locating code layers understanding apps packages src layout business stubs project structure or onboarding to the repository The project-overview skill documents workflows and patterns from the repository SKILL md name project-overview description LobeHub open-source monorepo architecture map Use when locating code layers understanding apps packages src layout business stubs project structure or onboarding to the repository user-invocable false 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 Web desktop mobile Desktop Electron apps desktop Mobile app React Native separate repo already launched not in this monorepo Logo emoji Complete Tech Stack Category Technology Framework Next js 16 React 19 Routing SPA inside Next js with react-router-dom Language TypeScript UI Co.

  • LobeHub Project Overview
  • Desktop (Electron) - `apps/desktop`
  • Mobile app (React Native) - **separate repo, already launched** (not in this monorepo)
  • **`src/business/{client,server}`** and **`packages/business/*`** implementations
  • Cloud-only routes (e.g. `(cloud)/`, `embed/`), cloud-only stores (e.g.

Project Overview by the numbers

  • 2,063 all-time installs (skills.sh)
  • +83 installs in the week ending Aug 5, 2026 (Skillselion tracking)
  • Ranked #195 of 1,039 Cloud & Infrastructure skills by installs in the Skillselion catalog
  • Security screen: LOW risk (skills.sh audit)
  • Data as of Aug 5, 2026 (Skillselion catalog sync)
At a glance

project-overview capabilities & compatibility

Capabilities
lobehub project overview · desktop (electron) `apps/desktop` · mobile app (react native) **separate repo, alr · **`src/business/{client,server}`** and **`packag · cloud only routes (e.g. `(cloud)/`, `embed/`), c
Use cases
documentation
From the docs

What project-overview says it does

--- name: project-overview description: 'LobeHub open-source monorepo architecture map.
SKILL.md
`packages/`, `src/store/`, route groups etc.
SKILL.md
## Project Description Open-source, modern-design AI Agent Workspace: **LobeHub** (previously LobeChat).
SKILL.md
npx skills add https://github.com/lobehub/lobehub --skill project-overview

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

Listed on Skillselion
Installs2.1k
repo stars81.3k
Security audit3 / 3 scanners passed
Last updatedAugust 5, 2026
Repositorylobehub/lobehub

What problem does project-overview solve for developers using the documented workflows?

LobeHub open-source monorepo architecture map. Use when locating code layers, understanding apps/packages/src layout, business stubs, project structure, or onboarding to the repository.

Who is it for?

Developers working with project-overview patterns described in the skill documentation.

Skip if: Skip when docs are empty or the task is outside the skill documented scope.

When should I use this skill?

LobeHub open-source monorepo architecture map. Use when locating code layers, understanding apps/packages/src layout, business stubs, project structure, or onboarding to the repository.

What you get

Grounded guidance and workflows from SKILL.md for project-overview.

  • Monorepo architecture map
  • Key directory location reference

By the numbers

  • Maps key monorepo layers: apps/, packages/, src/store/, and route groups

Files

SKILL.mdMarkdownGitHub ↗

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:

  • Web desktop/mobile
  • Desktop (Electron) — apps/desktop
  • Mobile app (React Native) — separate repo, already launched (not in this monorepo)

Logo emoji: 🤯

Complete Tech Stack

CategoryTechnology
FrameworkNext.js 16 + React 19
RoutingSPA inside Next.js with react-router-dom
LanguageTypeScript
UI Components@lobehub/ui, antd
CSS-in-JSantd-style
Iconslucide-react, @ant-design/icons
i18nreact-i18next
Statezustand
URL Paramsnuqs
Data FetchingSWR
React HooksaHooks
Date/Timedayjs
Utilitieses-toolkit
APITRPC (type-safe)
DatabaseNeon PostgreSQL + Drizzle ORM
TestingVitest
Exact versions live in the root package.json — check there, not here.

Monorepo Layout

Flat layout — apps/, packages/, and src/ all sit at the repo root. No git submodules.

(repo root)
├── apps/
│   ├── cli/                  # LobeHub CLI
│   ├── desktop/              # Electron desktop app
│   ├── device-gateway/       # Device gateway service
│   └── server/               # Next.js-backed server: featureFlags, globalConfig, modules, routers, services, utils, workflows (`@/server/*` alias)
├── docs/                     # changelog, development, self-hosting, usage
├── locales/                  # en-US, zh-CN, ...
├── packages/                 # ~80 @lobechat/* workspace packages — `ls` for the full set. Key ones:
│   ├── agent-runtime/        # Agent runtime core
│   ├── agent-signal/         # Agent Signal pipeline
│   ├── agent-tracing/        # Tracing / snapshots
│   ├── builtin-tool-*/       # Per-tool packages (calculator, web-browsing, claude-code, ...)
│   ├── builtin-tools/        # Central registries that compose builtin-tool-*
│   ├── context-engine/
│   ├── database/             # src/{models,schemas,repositories}
│   ├── model-bank/           # Model definitions & provider cards
│   ├── model-runtime/        # src/{core,providers}
│   ├── business/             # Open-source stubs (config, const, model-bank, model-runtime) — overridden by cloud
│   ├── types/
│   └── utils/
└── src/
    ├── app/
    │   ├── (backend)/        # api, f, market, middleware, oidc, trpc, webapi
    │   ├── spa/              # SPA HTML template service
    │   └── [variants]/(auth)/ # Auth pages (SSR required)
    ├── routes/               # SPA page segments (thin — delegate to features/)
    │   └── (main)/ (mobile)/ (desktop)/ (popup)/ onboarding/ share/
    ├── spa/                  # SPA entries + router config
    │   ├── entry.{web,mobile,desktop,popup}.tsx
    │   └── router/
    ├── business/             # Open-source stubs (client/server) — cloud repo provides real impls
    ├── features/             # Domain business components
    ├── store/                # ~30 zustand stores — `ls` for the full set
    ├── server/               # standalone-Hono server pieces only: agent-hono, workflows-hono (main backend lives in `apps/server`)
    └── ...                   # components, hooks, layout, libs, locales, services, types, utils

Architecture Map

LayerLocation
UI Componentssrc/components, src/features
SPA Pagessrc/routes/
React Routersrc/spa/router/
Global Providerssrc/layout
Zustand Storessrc/store
Client Servicessrc/services/
REST APIsrc/app/(backend)/webapi
tRPC Routers`apps/server/src/routers/{async\
Server Servicesapps/server/src/services (can access DB)
Server Modulesapps/server/src/modules (no DB access)
Feature Flagsapps/server/src/featureFlags
Global Configapps/server/src/globalConfig
DB Schemapackages/database/src/schemas
DB Modelpackages/database/src/models
DB Repositorypackages/database/src/repositories
Third-partysrc/libs (analytics, oidc, etc.)
Builtin Toolspackages/builtin-tool-*, packages/builtin-tools
Open-source stubsrc/business/*, packages/business/* (this repo)

Data Flow

React UI → Store Actions → Client Service → TRPC Lambda → Server Services → DB Model → PostgreSQL

Note: Relationship to the Cloud Repo

This open-source repo is consumed by a separate, private cloud (SaaS) repo as a git submodule mounted at lobehub/. The cloud repo provides:

  • `src/business/{client,server}` and *`packages/business/`** implementations

that override the stubs shipped here.

  • Cloud-only routes (e.g. (cloud)/, embed/), cloud-only stores (e.g.

subscription/), cloud-only TRPC routers (billing, budget, risk control, …), and Vercel cron routes under src/app/(backend)/cron/.

  • File-resolution order in cloud: @/store/x → cloud src/store/x first, then

lobehub/packages/store/src/x, then lobehub/src/store/x. Cloud override wins.

When working in this repo alone, ignore the cloud layer — the stubs in src/business/ and packages/business/ are the source of truth here.

Related skills

Forks & variants (1)

Project Overview has 1 known copy in the catalog totaling 1.6k installs. They canonicalize to this original listing.

How it compares

Pick project-overview over generic monorepo skills when contributing specifically to the LobeHub/LobeChat AI Agent Workspace repository.

FAQ

Who is Project Overview for?

Developers and software engineers working with project-overview patterns from the skill documentation.

When should I use Project Overview?

LobeHub open-source monorepo architecture map. Use when locating code layers, understanding apps/packages/src layout, business stubs, project structure, or onboarding to the repository.

Is Project Overview safe to install?

Review the Security Audits panel on this page before installing in production.

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.