GitHub
Open Github

MCP

Integrating MCP with Spell UI lets you control it via AI.

Installation

  1. Enable MCP in your project environment. (Supports Claude Code, Cursor, etc.)
pnpm dlx shadcn@latest mcp init
  1. Add the registry to your project

Add the following to your components.json file:

{
  "registries": {
    "@spell": "https://spell.sh/r/{name}.json"
  }
}

Usage

You can now ask your IDE to use any Spell UI component. Here are some examples:

  • "Add a badge component"
  • "Add a blur reveal animation"
  • "Add a vertical marquee of logos"