shadcn-ui-mcp-server

MCP server by Jpisnice · ★ 3k · updated 10 days ago

Developer ToolsMaintainedRemote availableOne-click install

A mcp server to allow LLMS gain context about shadcn ui component structure,usage and installation,compaitable with react,svelte 5,vue & React Native

Install View on GitHub

Install shadcn-ui-mcp-server

Choose your AI client and copy the config.

Add to claude_desktop_config.json — macOS: ~/Library/Application Support/Claude/, Windows: %APPDATA%\Claude\. Then restart Claude.

{
  "mcpServers": {
    "shadcn-ui-mcp-server": {
      "command": "npx",
      "args": [
        "@jpisnice/shadcn-ui-mcp-server"
      ]
    }
  }
}

Add to Cursor

Or add to ~/.cursor/mcp.json (global) or .cursor/mcp.json (project).

{
  "mcpServers": {
    "shadcn-ui-mcp-server": {
      "command": "npx",
      "args": [
        "@jpisnice/shadcn-ui-mcp-server"
      ]
    }
  }
}

Install in VS Code

Or add to .vscode/mcp.json in your workspace.

{
  "servers": {
    "shadcn-ui-mcp-server": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "@jpisnice/shadcn-ui-mcp-server"
      ]
    }
  }
}

Run in your terminal:

claude mcp add shadcn-ui-mcp-server -- npx @jpisnice/shadcn-ui-mcp-server

Run the server directly:

npx @jpisnice/shadcn-ui-mcp-server

Before you install: Install command taken from the project README. The README mentions API keys or tokens — you'll likely need to add them as environment variables ("env") in the config.

Related Developer Tools servers

Everything (official reference server)

by modelcontextprotocol · TypeScript

Test/reference server that exercises every MCP feature (prompts, tools, resources, sampling). Built for MCP client developers, not for everyday use.

Developer ToolsOfficialMaintainedRemote91.2k (repo)

Git (official reference server)

by modelcontextprotocol · Python

Tools to read, search and manipulate Git repositories (status, diff, log, commit, branches) via LLMs.

Developer ToolsOfficialMaintained91.2k (repo)

codebase-memory-mcp

by DeusData · C

High-performance code intelligence MCP server. Indexes codebases into a persistent knowledge graph — average repo in milliseconds. 158 languages, sub-ms queries, 99% fewer tokens. Single static binary, zero dependencies.

Developer ToolsMaintained46.5k

github-mcp-server

by github · Go

GitHub's official MCP Server

Developer ToolsMaintainedRemote33.6k

serena

by oraios · Python

A powerful MCP toolkit for coding, providing semantic retrieval and editing capabilities - the IDE for your agent

Developer ToolsMaintained30.2k

docker-android

by budtmo · Python

Android in docker solution with noVNC supported, video recording, mcp server and AI-agent

Developer ToolsMaintained16k