# Shadcn UI MCP Server

> ShadCN UI component generation via MCP.

- Skill: `ctaxnagomi/shadcn-ui-mcp-server` (Agent Skill, multi-file: 3 files)
- Install (CLI): `npx skillmds@latest add ctaxnagomi/shadcn-ui-mcp-server`
- Raw SKILL.md: https://api.skillmd.com/api/skills/ctaxnagomi/shadcn-ui-mcp-server/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- License: MIT
- Author: ctaxnagomi (https://skillmd.com/u/ctaxnagomi)
- Updated: 2026-09-22
- Page: https://skillmd.com/skills/ctaxnagomi/shadcn-ui-mcp-server

---


# ShadCN UI MCP

ShadCN UI component generation via MCP.

## Installation

```bash
npx mdskills install Jpisnice/shadcn-ui-mcp-server
```

## Rating

8/10

## Source

GitHub: [Jpisnice/shadcn-ui-mcp-server](https://github.com/Jpisnice/shadcn-ui-mcp-server)

---

## How to use?

### 1. Download
Go to the [AGENT KD SKILL gallery](https://ctaxnagomi.github.io/agent-kd-skill/) and find this skill card. Click **Download** to save the SKILL.md file.

### 2. Install
Copy the downloaded SKILL.md into your agent's skills directory:

| Agent | Path |
|-------|------|
| **opencode** | ~/.config/opencode/skills/shadcn-ui-mcp-server/SKILL.md |
| **Claude Code** | ~/.claude/skills/shadcn-ui-mcp-server/SKILL.md |
| **Hermes** | ~/.hermes/skills/marketplace/shadcn-ui-mcp-server/SKILL.md |

### 3. Use
Restart your agent session. The skill will auto-load based on its description.

### 4. Verify
Ask your agent something related to the skill's purpose. If it responds using the skill's instructions, you're all set.