Getting Started
MCP
Learn how to use the shadcn/ui MCP(Model Context Protocol) with Token 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 shadcn@latest mcp initSelect 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 Token UI component. Here are some prompt examples:
- Add Statistic Card block from Token UI registry.
- Add Base UI Autocomplete Component Token UI registry.
- Add Base UI Phone Input n Component Token UI registry.
- Build me a User Management CRUD using Data Grid and Forms from Token UI registry.