Use with AI
Point Claude Code, Cursor, v0 or any coding agent at chatcn and let it compose screens for you.
On this page
Every page here has a Markdown twin, the whole site is available as plain text, and the registry works with the shadcn MCP server. Agents can find a component, read how it works and install it without a human copying anything.
Plain text docs
/llms.txtlists every page with a one line summary./llms-full.txtis the full documentation in one file.- Add
.mdto any docs URL, for example/docs/components/tool-call.md.
MCP
The docs serve an MCP endpoint at /api/mcp with tools to list components, read their docs and search the icon set. Install components through the shadcn MCP server after adding the @chatcn namespace to components.json.
{
"mcpServers": {
"chatcn-docs": { "type": "http", "url": "https://chatcn.dev/api/mcp" },
"shadcn": { "command": "npx", "args": ["shadcn@latest", "mcp"] }
}
}A prompt that works
Use chatcn for the agent UI. Read https://chatcn.dev/llms.txt first.
Render each tool part with <ToolCall {...toolCallPropsFromPart(part)} />.
Keep the chrome neutral: no gradients, no decorative color, no emoji. Color only for status, diffs, code and data.