Skip to main content
This guide shows you how to set up Char using the Claude Code plugin.
Prerequisite: Install MCP Servers first.

​
Install the plugin

claude skill add char-setup

​
Run setup

/char-setup
Or ask Claude directly: 
Set up Char in my app
The agent prompts for your Anthropic API key (dev mode) or auth token (production).

​
Match page styling

To have the widget match your existing design: 
Set up Char and match my page's design

​
Add WebMCP tools

To create tools for specific UI elements: 
Set up Char with tools for my login form

​
Troubleshooting

​
Plugin not found

claude skill remove char-setup
claude skill add char-setup
Restart Claude Code.

​
npm install fails

npm cache clean --force
npm install @mcp-b/embedded-agent @mcp-b/global

​
Widget not appearing

  1. Confirm the script tag is in your HTML
  2. Confirm @mcp-b/global is imported first in your entry file
  3. Check the console for errors

​
Next steps

Create WebMCP Tools

Add custom UI actions

Create Skills

Guide agent behavior

Custom Styling

Theme the widget

​
See also