shadcn-ui-mcp-server

by Jpisnice · TypeScript · ★ 2,756

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

#ai#expo#mcp#modelcontextprotocol#nextjs#npm#npm-package#npx#react#react-native#shadcn-ui#svelte#sveltekit#ts#typescript#ui#vue#vuejs#webdev

Install

npx -y github:Jpisnice/shadcn-ui-mcp-server

Claude Desktop config

Add this to your claude_desktop_config.json:

{
  "mcpServers": {
    "shadcn-ui-mcp-server": {
      "command": "npx",
      "args": [
        "-y",
        "github:Jpisnice/shadcn-ui-mcp-server"
      ]
    }
  }
}

From the README

[](https://badge.fury.io/js/@jpisnice%2Fshadcn-ui-mcp-server) [](https://opensource.org/licenses/MIT) [](https://archestra.ai/mcp-catalog/jpisnice__shadcn-ui-mcp-server) > **🚀 The fastest way to integrate shadcn/ui components into your AI workflow** A Model Context Protocol (MCP) server that provides AI assistants with comprehensive access to [shadcn/ui v4](https://ui.shadcn.com/) components, blocks, demos, and metadata. Seamlessly retrieve React, Svelte, Vue, and React Native implementations for your AI-powered development workflow. - **🎯 Multi-Framework Support** - React, Svelte, Vue,…

Read full README on GitHub →