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 этих компонентов, не переключаясь между вкладками браузера. Вам больше не нужно искать документацию вручную. Достаточно задать вопрос ассистенту, и сервер найдёт нужную информацию: описание компонента, список пропсов, пример кода или свежую справку из стабильной или ночной сборки. Это экономит время и упрощает знакомство с библиотекой.
Development
Открыть на GitHub

Установка

npx -y @ui5/webcomponents-react-mcp

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

Общее

  • СтатусСообщество
  • Разработчик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

Поделиться