MCP Server

The Toro UI MCP server lets AI assistants browse, search, and install components directly through the Model Context Protocol.

What is MCP?

The Model Context Protocol (MCP) is an open standard that allows AI assistants to interact with external tools and data sources. The Toro UI MCP server exposes the component library as a set of tools that any MCP-compatible AI assistant can use.

Capabilities

When connected to the Toro UI MCP server, an AI assistant can:

• Browse components — list all available components, blocks, and templates
• Search — find components by name, category, or description
• Read documentation — access component APIs, props, and usage examples
• Install components — add components to a project using the shadcn CLI

Setup

Add the Toro UI MCP server to your AI assistant's configuration:

{
  "mcpServers": {
    "toro-ui": {
      "command": "npx",
      "args": ["toro-ui-mcp"]
    }
  }
}

Usage with Claude Code

Once configured, you can ask Claude to work with Toro UI components using natural language:

"Add a login form using Toro UI components"
"Show me all available button variants"
"Install the dialog and sheet components"

The MCP server gives the AI assistant the context it needs to generate correct, idiomatic Toro UI code.

Usage with Other AI Assistants

Any MCP-compatible client can connect to the Toro UI MCP server. Refer to your AI assistant's documentation for how to configure MCP servers.