Repolode
Предложить
Jpisnice

Jpisnice/shadcn-ui-mcp-server

MCP-сервер, который предоставляет AI-ассистентам исходный код компонентов shadcn/ui, демо, блоки и метаданные для установки в React, Svelte, Vue и React Native.

Открыть на GitHub
Звёзды
3,065
Форки
315
Открытые issues
7
Последний коммит
19 дней назад

Что это?

Этот проект — сервер Model Context Protocol (MCP), с помощью которого AI-ассистенты для написания кода могут находить компоненты shadcn/ui, включая их исходный код на TypeScript, демо, блоки вроде дашбордов и форм, а также метаданные о зависимостях и настройке. Вместо того чтобы угадывать API компонентов, ассистент может изучить их реальную реализацию перед генерацией кода.

Сервер поддерживает четыре библиотеки в стиле shadcn: оригинальную для React, shadcn-svelte, shadcn-vue и react-native-reusables для React Native. Фреймворк выбирается с помощью флага командной строки, а пользователи React могут переключаться между Radix UI и Base UI в качестве библиотеки примитивов. Сервер работает через stdio с локальными клиентами, например Claude Desktop, Claude Code и Cursor, либо через Streamable HTTP на stateless-эндпоинте /mcp с поддержкой Docker Compose. Запросы к GitHub API кэшируются; для увеличения лимитов можно использовать personal access token.

Ключевые возможности

  • 01Возвращает исходный код компонентов, демо и блоки для React, Svelte, Vue и React Native.
  • 02Предоставляет метаданные о зависимостях, описании и настройке каждого компонента.
  • 03Позволяет просматривать структуру каталогов репозиториев.
  • 04Поддерживает режимы транспорта stdio, Streamable HTTP и dual transport.
  • 05Предлагает автодополнение аргументов для prompts и шаблонов ресурсов.
  • 06Поставляется с конфигурацией для Docker и Docker Compose.

Сценарии использования

  • Позволяет Claude Code или Cursor создавать интерфейсы на основе shadcn/ui с учётом реальных API компонентов.
  • Помогает сравнивать реализацию одного и того же компонента в React, Svelte, Vue и React Native.
  • Позволяет развернуть общий MCP-эндпоинт для команды разработчиков через HTTP.

Быстрый старт

  1. 1

    Запустите сервер с помощью npx (без токена — 60 запросов в час).

    npx @jpisnice/shadcn-ui-mcp-server
  2. 2

    Запустите сервер с токеном GitHub, чтобы повысить лимит запросов (до 5000 запросов в час).

    npx @jpisnice/shadcn-ui-mcp-server --github-api-key ghp_your_token_here
  3. 3

    Переключитесь на другой фреймворк, например Svelte, Vue или React Native.

    npx @jpisnice/shadcn-ui-mcp-server --framework svelte

Что важно знать

  • Без токена GitHub лимит запросов к GitHub API низкий — 60 запросов в час.
  • UI-библиотека Base UI доступна только для React.

В подборках

MCP-серверы

Темы

#mcp#ai#shadcn-ui#react#vue#svelte#react-native#typescript#expo#modelcontextprotocol

Частые вопросы

Что такое shadcn-ui-mcp-server?
MCP-сервер, который предоставляет AI-ассистентам исходный код компонентов shadcn/ui, демо, блоки и метаданные для установки в React, Svelte, Vue и React Native. Этот проект — сервер Model Context Protocol (MCP), с помощью которого AI-ассистенты для написания кода могут находить компоненты shadcn/ui, включая их исходный код на TypeScript, демо, блоки вроде дашбордов и форм, а также метаданные о зависимостях и настройке. Вместо того чтобы угадывать API компонентов, ассистент может изучить их реальную реализацию перед генерацией кода.
shadcn-ui-mcp-server можно использовать бесплатно? Какая у него лицензия?
shadcn-ui-mcp-server распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
shadcn-ui-mcp-server всё ещё поддерживается?
Активно поддерживается. Последний коммит в shadcn-ui-mcp-server — 3 окт. 2026 г..
Для чего можно использовать shadcn-ui-mcp-server?
Позволяет Claude Code или Cursor создавать интерфейсы на основе shadcn/ui с учётом реальных API компонентов. Помогает сравнивать реализацию одного и того же компонента в React, Svelte, Vue и React Native. Позволяет развернуть общий MCP-эндпоинт для команды разработчиков через HTTP.
Как установить shadcn-ui-mcp-server?
Запустите сервер с помощью npx (без токена — 60 запросов в час).: npx @jpisnice/shadcn-ui-mcp-server Запустите сервер с токеном GitHub, чтобы повысить лимит запросов (до 5000 запросов в час).: npx @jpisnice/shadcn-ui-mcp-server --github-api-key ghp_your_token_here Переключитесь на другой фреймворк, например Svelte, Vue или React Native.: npx @jpisnice/shadcn-ui-mcp-server --framework svelte
Где скачать shadcn-ui-mcp-server?
Исходный код и инструкции по установке — на GitHub: https://github.com/Jpisnice/shadcn-ui-mcp-server

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты