Blitz UIBlitz UIAlpha
X

MCP

Learn how to use the shadcn/ui MCP(Model Context Protocol) with Blitz UI.

MCP is an open protocol that standardizes how applications provide context to LLMs.

Configure MCP

Run the following command to configure the mcp server:

pnpm dlx dlx shadcn@latest mcp init

Select your MCP client as prompted, then enable the MCP server in your client to finish setup.

Usage

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

  • Create a responsive dashboard with Cards, Chart, Data Grid, Filters, and Sidebar.
  • Generate a User Management interface with Data Grid, Forms, and Modals.
  • Build a multi-step onboarding form using Stepper with form validation and submission handling.