MCP Server

Model Context Protocol (MCP) is an open standard that lets AI editors talk directly to external registries and tools — no manual browsing needed.

Wire up the React Bytes registry once, and your editor can find, fetch, and drop in any component on demand.

1. Register the registry

Open your project's components.json and add the @react-bytes registry:

json

{
  "registries": {
    "@react-bytes": "https://reactbytes.online/r/{name}.json"
  }
}

Choose the client you're using, then run the one-time setup command inside your project.

Run once inside your project root:

bash

npx shadcn@latest mcp init --client claude

After restarting Claude Code, try asking things like:

Tip: Type /mcp inside Claude Code to inspect or restart the MCP server.

For a deeper dive into manual client configuration and advanced MCP usage, check the official shadcn docs.

Next up