MCP Public
登录
s

shadcn

shadcn/ui MCP server that provides structured component context, installation guidance, usage examples, and props for React, Svelte, and Vue UI work.

shadcn·No reviews yet
Repo Docs
Share:

About

shadcn/ui MCP server that provides structured component context, installation guidance, usage examples, and props for React, Svelte, and Vue UI work.

Example tools

Illustrative tool names — the actual tool set is defined by the server at runtime.

list_resources
Enumerate resources exposed by this MCP
get_resource
Fetch a resource by ID
invoke
Invoke the primary action of this MCP

Screenshots

No screenshots yet.

Frequently Asked Questions

Common questions about shadcn.

What is the shadcn/ui MCP server's primary function?
The shadcn/ui MCP server provides structured component context, installation guidance, usage examples, and component properties. It supports UI development across React, Svelte, and Vue frameworks.
How can I access shadcn/ui component information?
The server delivers comprehensive data for shadcn/ui components, including their structure, how to integrate them into projects, usage examples, and detailed properties. This information is available through an MCP client.
Does the shadcn/ui MCP server require authentication?
No, the shadcn/ui MCP server does not require an API key, OAuth, or any other credentials for access. It operates with an authentication type of 'none' for straightforward integration.
What frameworks does the shadcn/ui MCP server support?
This MCP server provides context and guidance for UI work with React, Svelte, and Vue. It is designed to assist developers using these popular JavaScript frameworks.
What is a prerequisite for using the shadcn/ui MCP server effectively?
A prerequisite for using this MCP server effectively is an operational MCP client such as Claude Desktop, Cursor, or Cline. The server communicates via stdio transport, requiring a compatible client to interpret its output.

Install shadcn

Claude Desktop

Add this to claude_desktop_config.json.

{
  "mcpServers": {
    "shadcn": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-shadcn"
      ]
    }
  }
}

Cursor

Add this to ~/.cursor/mcp.json.

{
  "mcpServers": {
    "shadcn": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-shadcn"
      ]
    }
  }
}

VS Code

Add this to your workspace settings.json.

{
  "mcp.servers": {
    "shadcn": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-shadcn"
      ]
    }
  }
}

Reviews

Sign in to leave a review.

No reviews yet. Be the first!

Discussion(0)

Sign in to join the discussion.

No comments yet.