UI5 Web Components for React MCP
Официальный MCP-сервер UI5 Web Components for React: API компонентов, документация и шаблоны приложений Fiori для агента
- 544 ★ репозитория
- Последний коммит
- Apache-2.0
Минимальный доступ
Почему такой уровень
- Сервер читает только упакованную документацию и не обращается к вашему коду, данным или сети
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add mcp/ui5-web-components-for-react-mcpОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Сервер читает только упакованную документацию и не обращается к вашему коду, данным или сети
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
UI5 Web Components for React — реализация компонентов UI5 для React, совместимая с пользовательским опытом SAP Fiori. Пакет `@ui5/webcomponents-react-mcp` дает агенту справочник по этой библиотеке: API компонентов, документация и шаблоны приложений. Сервер локальный, ходит в сеть не обязан: документация и данные API уже упакованы в пакет для конкретного релиза. Пять инструментов закрывают разные задачи. `create_app` создает приложение из официального шаблона (Vite с TypeScript, Next.js App Router или Pages Router) и возвращает шаги настройки через `degit`. `list_components` перечисляет компоненты по категориям и пакетам. `get_component_api` отдает свойства с типами, события, методы ref, CSS-части для shadow DOM и подтипы. `get_documentation` ищет по разделам и ключевым словам: стили, i18n, SSR, слоты, доступность. `get_public_utils` описывает утилиты базового пакета. Есть и ресурс `llms.txt` с оглавлением.
Для кого. Фронтенд-разработчикам, которые собирают интерфейсы в стиле SAP Fiori на React и хотят, чтобы агент не выдумывал свойства компонентов.
Подходит, если
- Агент подбирает свойства и события таблицы AnalyticalTable по актуальному API, а не по памяти
- Новый проект с компонентами UI5 создают из шаблона Vite или Next.js одной командой
- Нужно понять, как работают слоты и стили через CSS `::part()` в shadow DOM
- В проекте подключена конкретная версия библиотеки, и справка должна совпадать с ней
Не подходит, если
- Интерфейс на другой библиотеке компонентов: сервер знает только UI5 для React
- Нужно управлять приложением SAP или данными бэкенда: сервер дает справочник по компонентам и ничего не вызывает в системе
- Версия библиотеки в проекте старше 2.21.3: сервер появился в этой версии
Пример запроса к агенту
Покажи API компонента AnalyticalTable: свойства, события и как описать колонки, затем создай пример страницыMCP
- Транспорт
- stdio, http
- Авторизация
- не нужна
Ограничения
Сервер доступен с версии `@ui5/webcomponents-react` 2.21.3 и имеет тот же номер версии, что и библиотека: он содержит документацию и API этого релиза, поэтому после обновления библиотеки закрепленную версию сервера обновляют тоже. Для закрепления в проекте используют `npx @ui5/webcomponents-react-mcp@$(node -p "require('@ui5/webcomponents-react/package.json').version")`, для этого библиотека должна стоять в `node_modules`. Пакет графиков `@ui5/webcomponents-react-charts` объявлен устаревшим. HTTP-режим запускается флагом `--http`, слушает `localhost:7427` и работает без состояния.
Как отключить. Удалите сервер из конфигурации клиента, например `claude mcp remove ui5-wcr`. Пакет подтягивается через `npx` и отдельных файлов не оставляет.
Частые вопросы
Как подключить MCP-сервер UI5 к Claude Code?
Выполните `claude mcp add ui5-wcr -- npx @ui5/webcomponents-react-mcp@latest`. Для VS Code и Cursor добавьте в `.vscode/mcp.json` сервер `ui5-wcr` с командой `npx` и аргументом `@ui5/webcomponents-react-mcp@latest`.
Нужно ли закреплять версию сервера?
Желательно: сервер упаковывает документацию конкретного релиза, и закрепление по версии библиотеки дает справку, которая совпадает с вашим кодом. Укажите `@<версия>` после имени пакета.
Требуется ли интернет?
Нет, документация читается из локальных файлов пакета. Сеть нужна только для скачивания пакета через `npx`.
Какие шаблоны создает create_app?
Vite с TypeScript, Next.js App Router и Next.js Pages Router. Инструмент возвращает пошаговые инструкции по настройке через `degit`.
Как запустить сервер по HTTP?
Командой `npx @ui5/webcomponents-react-mcp@latest --http`. Он слушает http://localhost:7427/mcp, порт меняется флагом `--port` или переменной `PORT`.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
MCP-серверыUI5 MCP Server помогает агенту создавать приложения SAP UI5, проверять манифест и код линтером и читать актуальный API.
MCP-сервер SAP отдает агенту каталог из 1000 компонентов Fundamental NGX: API, примеры, сравнения и руководства по настройке
MCP-сервер библиотеки React-компонентов для интерфейсов агентов: агент находит компонент и добавляет его в проект
Shadcn UI MCP Server
Shadcn UI v4 MCP Server
MCP-сервер, который отдает агенту исходники, демо и блоки компонентов shadcn/ui для React, Svelte, Vue и React Native
Размещенный MCP Watermelon UI ищет бесплатные компоненты, блоки и дашборды на React и Tailwind и отдает исходники.
MCP-сервер каталога анимированных React-компонентов UI Beats: поиск, свойства, исходный код и команда установки для агента
Сравнение с похожими
Карточки с тем же главным запросом: чем они отличаются.
| Инструмент | Официальный | Авторизация | Звезды репозитория | Главное отличие |
|---|---|---|---|---|
| UI5 Web Components for React MCP (эта карточка) | да | не нужна | 544 | |
| Ant Design Components MCP | нет | не нужна | 247 | документация и API компонентов Ant Design, а не UI5 и SAP Fiori |
| Context7 | да | API-ключ | 64 656 | общий сервис документации тысяч библиотек, а не справка конкретного релиза UI5 |
Коротко о README
Основной текст репозитория перечисляет пакеты библиотеки, требования (React 18 и выше, Node.js LTS, TypeScript 4.7 и новее) и установку. Сервер описан в `packages/mcp-server/README.md`: установка, закрепление версии, два транспорта и пять инструментов.