/
41
Sponsor

MCP

PreviousNext

Learn how to use the shadcn MCP (Model Context Protocol) server with editorcn.

MCP is an open protocol that standardizes how applications provide context to LLMs. The shadcn CLI can register an MCP server so your editor can discover registry components—including items you install from editorcn via the same CLI.

Configure MCP

Run:

$ pnpm dlx shadcn@latest mcp init

Choose your MCP client when prompted, then enable the MCP server in that client to finish setup.

Usage

With MCP enabled, you can ask your IDE to work with editorcn editors and registry components. Example prompts:

  • Build a blog post editor with a Toolbar, inline formatting, and image support.
  • Create a comment box with Mentions and emoji reactions.
  • Add a rich text editor with tables, code blocks, and slash commands.
  • Set up a minimal markdown editor with live preview.
  • Build a documentation editor with headings, callouts, and custom controls.

Install components from this registry with npx shadcn@latest add and the JSON URL from each docs page. Components work with sensible defaults.