For the complete documentation index, see 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.
24
Sponsor

MCP

PreviousNext

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

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 framecn via the same CLI.

Configure MCP

Run:

$ pnpm dlx 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.