RootCX MCP Server

Model Context Protocol (MCP) server for building RootCX apps locally with Claude Code.

What This Server Provides

This MCP server gives Claude Code RootCX-specific knowledge that it doesn't have natively:

| Tool | What it does | |------|--------------| | search_components | Search Business Design System components | | get_component_docs | Get detailed props and examples for a component | | verify_build | Validate TypeScript/TSX code using Babel |

Note: For file operations (read, write, edit, delete), use Claude Code's native tools (Read, Write, Edit, Glob, Grep, Bash). This MCP server focuses on RootCX-specific knowledge, not file operations.

Installation

npm install @rootcx/mcp-server

Or run directly with npx:

npx @rootcx/mcp-server

Claude Code Setup

Add the MCP server to your Claude Code configuration:

claude mcp add rootcx npx @rootcx/mcp-server

Or manually edit your Claude Code MCP configuration (~/.claude/mcp.json):

{
  "mcpServers": {
    "rootcx": {
      "command": "npx",
      "args": ["@rootcx/mcp-server"]
    }
  }
}

Available Tools

search_components

Search for Business Design System components by name, category, or description.

Input: { "query": "button" }
Output: List of matching components with descriptions

get_component_docs

Get detailed documentation for a specific component including all props, types, and usage examples.

Input: { "name": "BusinessButton" }
Output: Full props table, types, and code examples

verify_build

Validate that your TypeScript/TSX code compiles correctly.

Input: {} (no arguments)
Output: Build success or list of errors with line numbers

Available Resources

| Resource | Description | |----------|-------------| | rootcx://system-prompt | Complete Build Mode instructions for Claude | | rootcx://project-context | Current project state (linked project, files, etc.) |

Usage Example

You: Create a simple CRM app with a contact list

Claude: I'll search for the right components first.
[uses search_components with query "table"]
[uses get_component_docs for "SheetTableOSView"]

Now I'll create the app using Claude Code's native Write tool.
[uses Write tool to create App.tsx]

Let me verify it compiles.
[uses verify_build]
✅ Build verified successfully!

Development

# Install dependencies
npm install

# Run in development mode
npm run dev

# Build for production
npm run build

# Type check
npm run typecheck

License

MIT