CLI

@hareru/cli generates CSS imports, inspects component details, and auto-detects your project setup.

Installation

npm install -g @hareru/cli
# or use directly with npx
npx @hareru/cli

List all components grouped by category.

hareru list
hareru list --group form
hareru list --json

Show details for a component or task bundle. Output includes variants, props, states, accessibility notes, and usage examples when available.

hareru info Button
hareru info agent-chat-shell

Generate CSS import statements for a component or bundle.

hareru add Dialog
hareru add Dialog --mode tailwind
hareru add agent-chat-shell --write

Mode	Description
`standalone`	All-in-one bundle (`styles.css`)
`portable`	Tokens + component bundle, no reset
`tailwind`	Cascade Layers for Tailwind v4 coexistence
`per-component`	Individual CSS files for minimal bundle (default)

CSS mode defaults to per-component when --mode is not specified.

Flag	Description
`--mode <mode>`	CSS mode (`standalone`, `portable`, `tailwind`, `per-component`)
`--write`	Append imports to your CSS entry file
`--css-file <path>`	Target CSS file (auto-detected if omitted)
`--layer`	Use `@layer` wrapped variants
`--scope`	Include `.hui-root` scope helper
`--baseline`	Include minimal CSS reset
`--force`	Skip safety checks
`--json`	JSON output

The CLI automatically detects:

CSS entry file — Searches common paths (globals.css, index.css, app.css, etc.)
Package manager — pnpm, npm, yarn, bun (monorepo-aware lockfile discovery)