# MCP

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

> For the complete documentation index, see [llms.txt](/llms.txt). Markdown variants are available by appending `.md` to any URL or sending an `Accept: text/markdown` header. An agent skill is available at [/.well-known/agent-skills/site-skill.md](/.well-known/agent-skills/site-skill.md).

[MCP](https://modelcontextprotocol.io/) 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 **framecn** via the same CLI.

## Configure MCP

Run:

```bash
npx 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 **Editframe** video patterns and framecn registry components. Example prompts:

- Animate a CLI-to-browser deploy story with **Terminal To Browser Deploy**, **Terminal Simulator**, and **Browser Flow**.
- Compose a hero device beat with **Hero Device Assemble**, **Device Mockup Zoom**, and **Landing Code Showcase**.
- Build an AI workflow montage with **AI Generation Canvas**, **AI Generate Overlay**, and **Chat To Preview Layout**.
- Pair kinetic typography with atmosphere using **Typewriter**, **Kinetic Type Mask**, and **Mesh Gradient Background**.
- Bridge scenes with motion transitions like **Morphing Modal**, **Chromatic Aberration Wipe**, and **Spatial Push**.

Install components from this registry with `npx shadcn@latest add` and the JSON URL from each docs page.