The Bearnie MCP server connects your AI assistant directly to the component registry. Ask for components in plain language and they get added to your project automatically.
Model Context Protocol is an open standard supported by Claude, Cursor, VS Code, and other AI tools.
Setup Cursor Claude Code VS Code Claude Desktop Codex OpenCode
Add to .cursor/mcp.json in your project:
{
"mcpServers": {
"bearnie": {
"command": "npx",
"args": ["@bearnie/mcp"]
}
}
} { "mcpServers" : { "bearnie" : { "command" : " npx " , "args" : [ " @bearnie/mcp " ] } } } {
"mcpServers": {
"bearnie": {
"command": "npx",
"args": ["@bearnie/mcp"]
}
}
}
Restart Cursor to load the server Ask: "Add the dialog and button components from Bearnie" Add to .mcp.json in your project:
{
"mcpServers": {
"bearnie": {
"command": "npx",
"args": ["@bearnie/mcp"]
}
}
} { "mcpServers" : { "bearnie" : { "command" : " npx " , "args" : [ " @bearnie/mcp " ] } } } {
"mcpServers": {
"bearnie": {
"command": "npx",
"args": ["@bearnie/mcp"]
}
}
}
Restart Claude Code, run /mcp to verify Ask: "Add the dialog and button components from Bearnie" Add to .vscode/mcp.json in your project:
{
"servers": {
"bearnie": {
"command": "npx",
"args": ["@bearnie/mcp"]
}
}
} { "servers" : { "bearnie" : { "command" : " npx " , "args" : [ " @bearnie/mcp " ] } } } {
"servers": {
"bearnie": {
"command": "npx",
"args": ["@bearnie/mcp"]
}
}
}
Click Start next to bearnie in the MCP panel Ask Copilot: "Add the dialog component from Bearnie" Add to claude_desktop_config.json:
{
"mcpServers": {
"bearnie": {
"command": "npx",
"args": ["@bearnie/mcp"]
}
}
} { "mcpServers" : { "bearnie" : { "command" : " npx " , "args" : [ " @bearnie/mcp " ] } } } {
"mcpServers": {
"bearnie": {
"command": "npx",
"args": ["@bearnie/mcp"]
}
}
}
macOS: ~/Library/Application Support/Claude/ Windows: %APPDATA%\Claude\ Restart Claude Desktop after saving Add to ~/.codex/config.toml:
[mcp_servers.bearnie]
command = "npx"
args = ["@bearnie/mcp"] [ mcp_servers.bearnie ] command = " npx " args = [ " @bearnie/mcp " ] [mcp_servers.bearnie]
command = "npx"
args = ["@bearnie/mcp"]
Restart Codex to load the server Ask: "Add the dialog and button components from Bearnie" Add to .opencode/mcp.json in your project:
{
"mcpServers": {
"bearnie": {
"command": "npx",
"args": ["@bearnie/mcp"]
}
}
} { "mcpServers" : { "bearnie" : { "command" : " npx " , "args" : [ " @bearnie/mcp " ] } } } {
"mcpServers": {
"bearnie": {
"command": "npx",
"args": ["@bearnie/mcp"]
}
}
}
Restart OpenCode to load the server Ask: "Add the dialog and button components from Bearnie" What your AI can do
Tool What it does list_componentsShow all available components by category search_componentsFind components by name or description get_componentView source code and dependencies add_componentAdd component files to your project
Components go to src/components/bearnie/, utilities to src/utils/.
For interactive components, the MCP flow also adds shared runtime files to src/utils/runtime/ so behavior works out of the box with no extra setup.
If a component needs an npm package, you’ll be told what to install.
Example prompts
“What form components does Bearnie have?”
“Add the tabs and accordion components”
“Show me how the dialog component works”
“Build a settings page with cards and switches”
Environment
Variable Default BEARNIE_REGISTRY_URLhttps://bearnie.dev/registry