Shared ESLint, Prettier, Stylelint, Commitlint, Remarklint and semantic-release configs from LobeHub, plus the create-lobe-lint CLI that sets them up. Use them in LobeHub projects or in any JavaScript and TypeScript project that wants the same conventions.
Table of contents
Lobe Lint is the code style toolkit behind every LobeHub project: one set of ESLint, Prettier, Stylelint, Commitlint, Remarklint and Semantic Release configs you can add to any project in a minute.
- One command setup - Add linting, formatting and commit checks with
npx create-lobe-lint - Works with your stack - JavaScript, TypeScript, React, Next.js, Remix, Vite and Expo / React Native
- All or just what you need - Get every config from
@lobehub/lint, or install only the ones you use - Sensible defaults, easy overrides - Start from LobeHub's conventions and add your own rules on top
- Clean history - Gitmoji commit checks, plus automated versions and changelogs
- Agent-friendly - Non-interactive setup a coding agent can run in one step
Run the setup CLI in your project root:
npx create-lobe-lintIt detects your package manager, TypeScript and React framework, asks which tools you want, writes the config files and installs the dependencies. Use npx create-lobe-lint --preset -y to accept the recommended setup without prompts. See create-lobe-lint for all options.
Prefer to wire things up yourself? Install a config with its tool:
bun add -D @lobehub/eslint-config eslint typescript@^6
bun add -D @lobehub/prettier-config prettierThen create eslint.config.mjs:
import { defineConfig } from '@lobehub/eslint-config';
export default defineConfig({
react: true, // or 'next' / 'remix' / 'vite' / 'expo'
});And prettier.config.mjs:
export { default } from '@lobehub/prettier-config';The other tools follow the same pattern. See each package's README in Packages for options and examples.
Hand the setup to your coding agent. Copy this prompt:
Set up LobeHub lint in this project: run `npx create-lobe-lint --preset -y`, then run ESLint and Prettier on the codebase and fix the reported problems until both pass.
| Resource | What it gives your agent |
|---|---|
| create-lobe-lint | Non-interactive setup with --preset -y; add --no-install to skip installing dependencies |
| @lobehub/eslint-config | Every defineConfig() option, with override examples |
| AGENTS.md | Commands, architecture and conventions for agents working on this repository |
| lobe-lint-v2-migration | Read before upgrading a repo from v1 to v2: steps and a config migration codemod |
Each tool reads one config file (eslint.config.mjs, prettier.config.mjs, stylelint.config.mjs, commitlint.config.mjs, .remarkrc.mjs, release.config.mjs) that re-exports the matching @lobehub/*-config package.
| Package | What it's for |
|---|---|
| @lobehub/eslint-config | ESLint flat config for JavaScript, TypeScript and React |
| @lobehub/oxlint-config | The ESLint rule set for Oxlint, without TypeScript |
| @lobehub/prettier-config | Code formatting |
| @lobehub/stylelint-config | CSS and Less styles |
| @lobehub/commitlint-config | Gitmoji commit messages |
| @lobehub/remarklint-config | Markdown linting |
| @lobehub/semantic-release-config | Automated versions and changelogs |
| @lobehub/lint | All configs in one package |
| create-lobe-lint | One-command setup CLI |
You can use Github Codespaces for online development:
Or clone it for local development (requires Node.js 22+ and pnpm):
git clone https://github.com/lobehub/lobe-lint.git
cd lobe-lint
pnpm install
pnpm build
pnpm testContributions of all types are more than welcome, if you are interested in contributing code, feel free to check out our GitHub Issues to get stuck in to show us what you're made of.
- π Lobe UI - React component library for AI apps
- π₯¨ Lobe Icons - AI / LLM brand logos and icons
- π Lobe Charts - React chart components
- βοΈ Lobe Editor - Lexical-based rich text editor for React, with Markdown, plugins and a chat composer
- π€ Lobe TTS - TTS / STT speech library
- π Lobe Lint - ESLint, Prettier, Stylelint, Commitlint and more lint configs
- π Fluent Emoji - Fluent Emoji assets
- π Docs Kit - Reusable documentation toolkit and lobedocs CLI for LobeHub component libraries
- π Streamdown - Headless streaming markdown engine for React