Добавить сервер
Jpisnice/shadcn-ui-mcp-server
  1. Каталог MCP
  2. Jpisnice/shadcn-ui-mcp-server

Jpisnice/shadcn-ui-mcp-server

от jpisnice
Подтягивает актуальные исходники компонентов shadcn/ui v4 с демо и готовыми блоками для React, Svelte, Vue и React Native.
GithubNPMСайт сервера

Shadcn UI v4 MCP Server

npm version License: MIT MCP spec 2026-07-28

Trust Score

🚀 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 components, blocks, demos, and metadata. Seamlessly retrieve React, Svelte, Vue, and React Native implementations for your AI-powered development workflow.

✨ Key Features

  • 🎯 Multi-Framework Support - React, Svelte, Vue, and React Native implementations
  • 📦 Component Source Code - Latest shadcn/ui v4 TypeScript source
  • 🎨 Component Demos - Example implementations and usage patterns
  • 🏗️ Blocks Support - Complete block implementations (dashboards, calendars, forms)
  • 📋 Metadata Access - Dependencies, descriptions, and configuration details
  • 🔍 Directory Browsing - Explore repository structures
  • ⚡ Smart Caching - Efficient GitHub API integration with rate limit handling, plus protocol cache hints (ttlMs/cacheScope) on list and read results
  • ⌨️ Argument Completion - Autocomplete for prompt and resource-template arguments (component names, package managers, build tools, and more)
  • 🌐 Streamable HTTP Transport - Stateless /mcp endpoint for multi-client deployments (MCP spec 2026-07-28)
  • 🐳 Docker Ready - Production-ready containerization with Docker Compose

Часто задаваемые вопросы

У этого сервера пока нет списка инструментов.

Выберите клиент, чтобы установить Jpisnice/shadcn-ui-mcp-server:

Любой клиент

Конфиг добавления MCP сервера стандартный, обычно он не меняется вообще, поэтому подходит практически к любому ИИ клиенту, поддерживающему MCP.

{
  "mcpServers": {
    "jpisnice-shadcn-ui-mcp-server-6eyd7qiy70": {
      "command": "bunx",
      "args": [
        "-y",
        "@jpisnice/shadcn-ui-mcp-server",
        "--github-api-key",
        "YOUR_TOKEN"
      ]
    }
  }
}
CursorCursor

Перейдите по ссылке и сервер автоматически будет добавлен в Cursor. Либо откройте/создайте файл ~/.cursor/mcp.json(%USERPROFILE%\.cursor\mcp.json на Windows) и добавьте конфиг сервера:

{
  "mcpServers": {
    "jpisnice-shadcn-ui-mcp-server-6eyd7qiy70": {
      "command": "bunx",
      "args": [
        "-y",
        "@jpisnice/shadcn-ui-mcp-server",
        "--github-api-key",
        "YOUR_TOKEN"
      ]
    }
  }
}
VS Code

Создайте .vscode/mcp.json в проекте (ключ верхнего уровня — servers):

{
  "servers": {
    "jpisnice-shadcn-ui-mcp-server-6eyd7qiy70": {
      "type": "stdio",
      "command": "bunx",
      "args": [
        "-y",
        "@jpisnice/shadcn-ui-mcp-server",
        "--github-api-key",
        "YOUR_TOKEN"
      ]
    }
  }
}

Либо добавьте сервер через терминал:

code --add-mcp "{\"name\":\"jpisnice-shadcn-ui-mcp-server-6eyd7qiy70\",\"type\":\"stdio\",\"command\":\"bunx\",\"args\":[\"-y\",\"@jpisnice/shadcn-ui-mcp-server\",\"--github-api-key\",\"YOUR_TOKEN\"]}"
ClaudeClaude Desktop

Откройте Settings → Developer → Edit Config — это откроет файл claude_desktop_config.json:

  • macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
  • Windows: %APPDATA%\Claude\claude_desktop_config.json

Впишите сервер и полностью перезапустите Claude Desktop:

{
  "mcpServers": {
    "jpisnice-shadcn-ui-mcp-server-6eyd7qiy70": {
      "command": "bunx",
      "args": [
        "-y",
        "@jpisnice/shadcn-ui-mcp-server",
        "--github-api-key",
        "YOUR_TOKEN"
      ]
    }
  }
}
Claude CodeClaude Code

Добавьте сервер одной командой в терминале:

claude mcp add jpisnice-shadcn-ui-mcp-server-6eyd7qiy70 -- bunx -y @jpisnice/shadcn-ui-mcp-server --github-api-key YOUR_TOKEN

Либо через JSON-конфиг:

claude mcp add-json jpisnice-shadcn-ui-mcp-server-6eyd7qiy70 "{\"command\":\"bunx\",\"args\":[\"-y\",\"@jpisnice/shadcn-ui-mcp-server\",\"--github-api-key\",\"YOUR_TOKEN\"]}"
CodexCodex

Добавьте сервер командой в терминале:

codex mcp add jpisnice-shadcn-ui-mcp-server-6eyd7qiy70 -- bunx -y @jpisnice/shadcn-ui-mcp-server --github-api-key YOUR_TOKEN

Либо вручную в ~/.codex/config.toml(%USERPROFILE%\.codex\config.toml на Windows):

[mcp_servers.jpisnice-shadcn-ui-mcp-server-6eyd7qiy70]
command = "bunx"
args = ["-y", "@jpisnice/shadcn-ui-mcp-server", "--github-api-key", "YOUR_TOKEN"]
PerplexityPerplexity

MCP доступен подписчикам Perplexity Pro / Max / Enterprise. Локальные серверы — только в приложении для macOS.

  1. Откройте Настройки аккаунта → Connectors.
  2. Установите вспомогательное приложение PerplexityXPC (один раз).
  3. Нажмите Add Connector → вкладка Simple.
  4. В поле Server Name укажите Jpisnice/shadcn-ui-mcp-server, а в поле команды запуска — строку ниже:
bunx -y @jpisnice/shadcn-ui-mcp-server --github-api-key YOUR_TOKEN

Нажмите Save и дождитесь статуса Running.

WindsurfWindsurf

Откройте Windsurf Settings → Cascade → MCP Servers или отредактируйте файл ~/.codeium/windsurf/mcp_config.json:

{
  "mcpServers": {
    "jpisnice-shadcn-ui-mcp-server-6eyd7qiy70": {
      "command": "bunx",
      "args": [
        "-y",
        "@jpisnice/shadcn-ui-mcp-server",
        "--github-api-key",
        "YOUR_TOKEN"
      ]
    }
  }
}
ClineCline

В панели Cline нажмите иконку MCP Servers → Configure → Configure MCP Servers (или отредактируйте ~/.cline/mcp.json) и добавьте сервер:

{
  "mcpServers": {
    "jpisnice-shadcn-ui-mcp-server-6eyd7qiy70": {
      "command": "bunx",
      "args": [
        "-y",
        "@jpisnice/shadcn-ui-mcp-server",
        "--github-api-key",
        "YOUR_TOKEN"
      ],
      "disabled": false,
      "autoApprove": []
    }
  }
}
Continue

Создайте файл в .continue/mcpServers/ (например jpisnice-shadcn-ui-mcp-server-6eyd7qiy70.yaml) или добавьте блок в config.yaml. MCP работает только в режиме agent:

mcpServers:
  - name: jpisnice-shadcn-ui-mcp-server-6eyd7qiy70
    command: bunx
    args:
      - "-y"
      - "@jpisnice/shadcn-ui-mcp-server"
      - "--github-api-key"
      - "YOUR_TOKEN"
Zed

Выполните agent: add context server или откройте настройки (zed: open settings file) и добавьте сервер в объект context_servers:

{
  "context_servers": {
    "jpisnice-shadcn-ui-mcp-server-6eyd7qiy70": {
      "command": "bunx",
      "args": [
        "-y",
        "@jpisnice/shadcn-ui-mcp-server",
        "--github-api-key",
        "YOUR_TOKEN"
      ]
    }
  }
}

Похожие MCP-сервера

21st-dev/Magic-MCP

21st-dev/Magic-MCP

от 21st-dev

Создаёт готовые React-компоненты по текстовому описанию прямо в Cursor, Windsurf и VS Code. Подтягивает стили из 21st.dev и показывает превью на лету.

TypeScript⭐ 6127
arvindand/maven-tools-mcp

arvindand/maven-tools-mcp

от arvindand

Maven Tools MCP даёт AI-агентам и разработчикам доступ к актуальным данным Maven Central: стабильность версий, CVE, лицензии, анализ pom.xml и готовые рекомендации по обновлению зависимостей JVM. В...

Java⭐ 34
mmntm/weblate-mcp

mmntm/weblate-mcp

от mmntm

MCP-сервер для управления переводами в Weblate через AI-ассистентов. Позволяет искать, обновлять переводы, управлять проектами, компонентами и получать статистику. Ускоряет локализацию и автоматизи...

TypeScript⭐ 23
Tommertom/awesome-ionic-mcp

Tommertom/awesome-ionic-mcp

от tommertom

MCP инструмент для разработчиков Ionic и Capacitor: предоставляет компоненты фреймворка, плагины, документацию и позволяет выполнять CLI команды прямо через AI-ассистента. Ускоряет создание кроссплатформенных приложений.

TypeScript⭐ 45
alexanderclapp/clirank-mcp-server

alexanderclapp/clirank-mcp-server

от alexanderclapp

MCP сервер CLIRank для поиска и рекомендации API. Помогает Claude Code, Cursor и другим агентам находить актуальные API с ценами и документацией вместо догадок из памяти. Ускоряет интеграцию сторонних сервисов.

JavaScript⭐ 6
octoco-ltd/sheetsdata-mcp

octoco-ltd/sheetsdata-mcp

от octoco-ltd

MCP сервер для доступа к даташитам электронных компонентов без PDF. Выдает pinout, электрические характеристики, данные корпуса. Поиск по номеру, сравнение и проверка совместимости - полезен инженерам и AI-агентам.

JavaScript⭐ 13
© Каталог MCP, 2026. Все права защищены.
Проект не аффилирован с Anthropic и любыми упомянутыми продуктами.
Все названия и торговые марки принадлежат их владельцам.
Контакты для связи: hi@mcp-katalog.ru

Лука Никитин