@che-systems/cli

A CLI for adding CHE Design System components to your project.

create

Use the create command to create a new project. You will be taken to a website to build your custom design system and choose your framework.

npx @che-systems/cli create

init

Use the init command to initialize dependencies for a new project.

The init command installs dependencies, adds the cn util, configures Tailwind CSS, and CSS variables for the project.

npx @che-systems/cli init

add

Use the add command to add components to your project.

The add command adds a component to your project and installs all required dependencies.

npx @che-systems/cli add [component]

Example

npx @che-systems/cli add alert-dialog

You can also run the command without any arguments to view a list of all available components:

npx @che-systems/cli add

MCP Server

The CHE CLI includes an MCP server for AI-assisted development with Claude Code, Cursor, VS Code, and Codex.

Initialize MCP for your editor

npx @che-systems/cli mcp init

This will configure the CHE MCP server for your editor, allowing AI assistants to:

• Search and browse CHE components
• View component source code and documentation
• Get usage examples
• Generate CLI commands to add components

Documentation

Visit https://che-mcp.web.app/docs/cli to view the documentation.

License

Licensed under the MIT license.