Install the Packages

The Char agent uses two packages: the web component and the global WebMCP API.

Install via npm

Run this command in the terminal:

Terminal window
npm install @mcp-b/char @mcp-b/global

This installs:

  • @mcp-b/char — The <char-agent> custom element
  • @mcp-b/global — The navigator.modelContext.registerTool API

What’s in each package?

PackagePurpose
@mcp-b/charWeb component + TypeScript types
@mcp-b/globalGlobal navigator.modelContext API for tool registration

Verify installation

Check your package.json includes both dependencies.

Click Solve if you need help.

Deployment Checklist
Embed the Agent
Powered by WebContainers
Files
Preparing Environment
No preview to run nor steps to show