Back to MCP directory

Shadcn UI MCP

Official

连接 shadcn/ui 组件库注册表,帮助 AI 准确生成 shadcn 组件和样式。

Shadcn UI MCP is an MCP server for Dev Tools work. 连接 shadcn/ui 组件库注册表,帮助 AI 准确生成 shadcn 组件和样式。 Tags: shadcn/ui · 组件库 · React · Tailwind.

Dev Toolsstdio8.0k starsVisit

What is Shadcn UI MCP

Shadcn UI MCP exposes Dev Tools capabilities to MCP clients. 连接 shadcn/ui 组件库注册表,帮助 AI 准确生成 shadcn 组件和样式。

Install Shadcn UI MCP in Cursor / Claude / Codex

Cursor Open Cursor MCP settings (or user/project mcp.json) and add the server config on this page. If only a start command exists, put command/args into a Cursor MCP entry.

Claude Desktop Add the config to claude_desktop_config.json and restart Claude Desktop.

Codex Add the same command/args or JSON snippet to Codex MCP config. File location depends on your Codex version.

Claude Desktop Configuration

Add the following to Claude Desktop’s claude_desktop_config.json:

npx shadcn@latest mcp

Tags

shadcn/ui组件库ReactTailwind

Similar recommendations

FAQ

What problem does Shadcn UI MCP solve?

Shadcn UI MCP focuses on Dev Tools. 连接 shadcn/ui 组件库注册表,帮助 AI 准确生成 shadcn 组件和样式。

How do I connect Shadcn UI MCP to my editor?

Use the command or JSON in the install section. If none is listed, follow the project home. Do not paste config from unknown sources.

What similar MCP servers exist?

The related list comes from the same Dev Tools group so you can compare scope.