Webcomponents React MCP Server

Webcomponents React MCP Server

UI5Apache-2.0
534 звёзд113 форков
MCP-сервер для разработчиков на React, которые используют UI5 Web Components. Библиотека UI5 Web Components for React предоставляет набор Fiori-совместимых компонентов для создания корпоративных интерфейсов. Сервер даёт возможность AI-ассистенту напрямую обращаться к документации и API этих компонентов, не переключаясь между вкладками браузера. Вам больше не нужно искать документацию вручную. Достаточно задать вопрос ассистенту, и сервер найдёт нужную информацию: описание компонента, список пропсов, пример кода или свежую справку из стабильной или ночной сборки. Это экономит время и упрощает знакомство с библиотекой.
Разработка
Подключить MCPОткрыть на GitHub
Подключение

Подключить Webcomponents React MCP Server

Выберите способ запуска и свой MCP-клиент. Ниже останется одна готовая инструкция, которую можно проверить и скопировать.

1

Способ подключения

2

Куда подключить

3

Скопируйте и проверьте

Claude Desktop / Claude Code

Клиент запускает MCP-сервер как локальный процесс.

  1. 1.Откройте настройки MCP в Claude.
  2. 2.Добавьте сервер с указанной командой и переменными окружения.
  3. 3.Перезапустите Claude, если сервер не появился автоматически.
json
{
  "mcpServers": {
    "webcomponents-react-mcp-server": {
      "command": "npx",
      "args": [
        "-y",
        "@ui5/webcomponents-react-mcp"
      ]
    }
  }
}

Сгенерировано из существующей команды запуска. Желательно сверить с README.

Инструкция собрана из данных карточки и пока не отмечена как проверенная редакцией. Сверьте команду с README источника и не передавайте лишние права или секреты.

Как оценить Webcomponents React MCP Server

Webcomponents React MCP Server относится к Разработка. Ниже собраны проверяемые признаки, по которым его можно сравнить с другими серверами каталога.

Происхождение
Проект сообщества
Лицензия
Apache-2.0
Реализация
TypeScript
Транспорт
stdio

Что проверить перед выбором

  • Изучите README, открытые issues и историю последних изменений в репозитории.
  • Проверьте команду установки и зависимости перед запуском в рабочем окружении.
  • Ограничьте доступ MCP-сервера только нужными файлами, API и переменными окружения.

Карточка отредактирована 20.07.2026.

Автоматическая проверка источника ещё не выполнена. Внешних источников в карточке: 1.

Характеристики

Общее

  • СтатусСообщество
  • РазработчикUI5
  • ЛицензияApache-2.0

Технологии

  • Языки
    TypeScript
  • Транспорт
    stdio

Описание

Возможности

  • Доступ к документации всех компонентов UI5 Web Components for React: Button, Input, Table, ShellBar, Dialog и сотен других.
  • Получение информации о пропсах, событиях и методах компонента.
  • Поиск примеров кода для типовых задач: таблицы с сортировкой, формы с валидацией, адаптивные макеты и т. д.
  • Поддержка стабильной, ночной и v1 версий документации — вы всегда работаете с актуальной информацией.
  • Ответы на вопросы по интеграции компонентов, рекомендации по сборке приложения.
  • Помощь в устранении типичных ошибок и проблем совместимости с другими библиотеками.
  • Генерация заготовок кода для быстрого прототипирования и встраивания в существующий проект.
  • Справка по дополнительным пакетам: charts (устаревший), base, compat, cli.

Как подключить

Установка и настройка занимают меньше минуты. Сервер работает через MCP stdio, поэтому подходит для любого клиента с поддержкой этого транспорта.

  • Установите сервер с помощью npx. Выполните в терминале:
npx -y @ui5/webcomponents-react-mcp

Эта команда загрузит и запустит сервер без глобальной установки. Если вы предпочитаете глобальную установку, используйте npm i -g @ui5/webcomponents-react-mcp.

  • Добавьте конфигурацию в файл настроек вашего MCP-клиента. Для Claude Desktop отредактируйте ~/Library/Application Support/Claude/claude_desktop_config.json:
{ "mcpServers": { "webcomponents-react": { "command": "npx", "args": ["-y", "@ui5/webcomponents-react-mcp"] } } }

Настройка для VS Code — добавьте аналогичную запись в файле .vscode/mcp.json вашего проекта.

  • Перезапустите клиент. После перезагрузки сервер появится в списке доступных инструментов.

Примеры запросов

  • «Расскажи про компонент Button. Какие пропсы и события у него есть? Приведи пример использования в форме.»
  • «Покажи код таблицы с сортировкой по столбцам и фильтрацией строк. Используй @ui5/webcomponents-react.»
  • «В чём разница между ShellBar и App? Когда стоит использовать App и когда ShellBar?»
  • «Сгенерируй компонент с авторизацией: поле ввода логина, пароля и кнопка входа.»
  • «Объясни, как импортировать и использовать Icon из UI5 Web Components for React.»

Технические детали

Разработчик: UI5 (SAP)
Язык реализации: TypeScript
Транспорт: stdio
Лицензия: Apache-2.0
Репозиторий: github.com/UI5/webcomponents-react
Звёзд на GitHub: 534
Категории: development, библиотеки, UI
Совместимые клиенты: Claude Desktop, VS Code, Zed, GitHub Copilot и любые другие с поддержкой MCP stdio

Поделиться