Frontend & Design · By lobehub

Builds single-file interactive HTML prototypes rendered with the real LobeHub UI components and written as production-style React, so they can later be split into files.

lobehub/lobehub

Build UI with the LobeHub design system — @lobehub/ui/base-ui, the controlled form at @lobehub/ui/base-ui/form, and the chat, mobile, dashboard, awesome, brand, mdx, and i18n namespaces, plus…

lobehub/lobe-ui

Explains how LobeHub client code fetches data through services, SWR store hooks and cache keys, and when to avoid useEffect fetching or duplicated state.

lobehub/lobehub

Add or modify icon keyword mappings for providers, models, or agents in lobe-icons.

lobehub/lobe-icons

Local browser verification for the lobe-ui component library and documentation site.

lobehub/lobe-ui

Set up and author a documentation site with @lobehub/docs-kit (the lobedocs CLI, React Router + Vite static docs used by ui.lobehub.com).

lobehub/lobe-ui

Splits a heavy front-end domain into capability atoms that each host imports separately, sinking state into each atom instead of adding mode or readOnly flags.

lobehub/lobehub

Walks through adding a keyboard shortcut to LobeHub: the id type, default registration, translation text, the hook and an optional tooltip, plus scope and conflict advice.

lobehub/lobehub

Rules for adding and editing LobeHub's user-facing strings with react-i18next: flat dot-notation keys, the default locale folder, namespaces and when to run bun run i18n.

lobehub/lobehub

Shows how to build modals, dialogs and confirmations in LobeHub with the base-ui imperative API (createModal, confirmModal, ModalHost) instead of declarative Modal components.

lobehub/lobehub

Explains LobeHub's split between src/routes page segments and src/features domain code, and where router config, redirects and platform adapters belong.

lobehub/lobehub

Conventions for Zustand stores in LobeHub: list and detail state shapes, public, internal and dispatch actions, reducers, optimistic updates and naming rules.

lobehub/lobehub

Traces intermittent UI, stale state, ordering and navigation bugs through a browser to find the first boundary where correct data becomes wrong.

lobehub/lobehub

Frames new surfaces, redesigns and vague product requests by grounding the business model and the user's task before any layout, in discover, frame or materialize modes.

lobehub/lobehub

Sets out how to write React components in LobeHub: which styling approach to use, which component libraries to prefer and in what order.

lobehub/lobehub

Applies LobeHub's four design values and per-module interaction checklists when building or reviewing user-facing flows, covering behavior over time rather than visual style.

lobehub/lobehub

Runs a repeatable UX review of one screen against the Designing Interfaces pattern language and LobeHub's ux checklists, using static, visual and dynamic layers.

lobehub/lobehub

Documents how LobeHub's standalone micro apps are hosted, built and routed differently on Cloud versus self-hosted Docker, so a change does not break one path while fixing the other.

lobehub/lobehub

Explicit compatibility entry for Zustand data-shape guidance.

lobehub/lobehub