Shadcn UI MCP Server

https://github.com/ymadd/shadcn-ui-mcp-server
Admin
A TypeScript-based MCP server that scrapes and caches shadcn/ui component information, providing...
Tokens:457
Snippets:8
Trust Score:6.7
License:MIT
Update:1 year ago
Show doc for...
Tokens:
Raw
### Installing Dependencies (shadcn-ui MCP Server) - Bash

Source: https://github.com/ymadd/shadcn-ui-mcp-server/blob/main/README.md

Installs the necessary project dependencies using npm.

```bash
npm install
```

--------------------------------

### Watching for Changes (shadcn-ui MCP Server) - Bash

Source: https://github.com/ymadd/shadcn-ui-mcp-server/blob/main/README.md

Starts the server in watch mode for automatic rebuilding during development.

```bash
npm run watch
```

--------------------------------

### Configuring Claude Desktop (Local Build) - JSON

Source: https://github.com/ymadd/shadcn-ui-mcp-server/blob/main/README.md

Configures Claude Desktop to use the shadcn-ui MCP server from a local build path.

```json
{
  "mcpServers": {
    "shadcn-ui-server": {
      "command": "/path/to/shadcn-ui-server/build/index.js"
    }
  }
}
```

--------------------------------

### Building Server (shadcn-ui MCP Server) - Bash

Source: https://github.com/ymadd/shadcn-ui-mcp-server/blob/main/README.md

Builds the TypeScript project into executable JavaScript.

```bash
npm run build
```

--------------------------------

### Configuring Claude Desktop (npx) - JSON

Source: https://github.com/ymadd/shadcn-ui-mcp-server/blob/main/README.md

Configures Claude Desktop to use the shadcn-ui MCP server via the npx command.

```json
{
  "mcpServers": {
    "shadcn-ui-server": {
      "command": "npx",
      "args": ["-y", "shadcn-ui-mcp-server"]
    }
  }
}
```

--------------------------------

### Configuring Windsurf (npx) - JSON

Source: https://github.com/ymadd/shadcn-ui-mcp-server/blob/main/README.md

Configures Windsurf to use the shadcn-ui MCP server via the npx command.

```json
{
  "mcpServers": {
    "shadcn-ui-server": {
      "command": "npx",
      "args": ["-y", "shadcn-ui-mcp-server"]
    }
  }
}
```

--------------------------------

### Configuring Cursor (npx) - JSON

Source: https://github.com/ymadd/shadcn-ui-mcp-server/blob/main/README.md

Configures Cursor to use the shadcn-ui MCP server via the npx command.

```json
{
  "mcpServers": {
    "shadcn-ui-server": {
      "command": "npx",
      "args": ["-y", "shadcn-ui-mcp-server"]
    }
  }
}
```

--------------------------------

### Running MCP Inspector (shadcn-ui MCP Server) - Bash

Source: https://github.com/ymadd/shadcn-ui-mcp-server/blob/main/README.md

Executes the MCP Inspector script to debug the server communication.

```bash
npm run inspector
```
Tokens:
Raw