mcp-server · ui5 — MCP-сервер для Claude Code: что делает и как установить
Подключает инструменты разработки SAPUI5 и OpenUI5 к ИИ-ассистентам. Помогает генерировать проекты, проверять манифест и запускать линтер прямо в диалоге.
claude mcp add --env UI5_MCP_SERVER_ALLOWED_DOMAINS=<UI5_MCP_SERVER_ALLOWED_DOMAINS> --env UI5_MCP_SERVER_RESPONSE_NO_STRUCTURED_CONTENT=<UI5_MCP_SERVER_RESPONSE_NO_STRUCTURED_CONTENT> --env UI5_MCP_SERVER_RESPONSE_NO_RESOURCES=<UI5_MCP_SERVER_RESPONSE_NO_RESOURCES> --env UI5_LOG_LVL=<UI5_LOG_LVL> --env UI5_DATA_DIR=<UI5_DATA_DIR> --transport stdio ui5-mcp-server -- npx -y @ui5/mcp-serverЧто делает mcp-server
Сервер связывает ИИ-ассистента со средой OpenUI5 и SAPUI5. Он создаёт каркасы приложений и карточек UI Integration Cards. Модель может сама читать документацию API и изучать правила перехода на TypeScript.
Для проверки качества сервер валидирует manifest.json и вызывает @ui5/linter. Инструмент извлекает метаданные проекта и находит специфичные для UI5 ошибки. Для работы нужен Node.js. Подходят версии v20.17.0, v22.9.0 или выше вместе с npm от v8.0.0.
На чистой Windows без WSL запуск npx требует префикса cmd /c. Для клиентов без поддержки ресурсов протокола вроде Cursor передайте переменную UI5_MCP_SERVER_RESPONSE_NO_RESOURCES.
Какие задачи решает
- развернуть шаблонное приложение SAPUI5 или OpenUI5
- сгенерировать заготовку UI Integration Card
- проверить схему манифеста manifest.json
- запустить @ui5/linter для поиска ошибок в кодовой базе
- получить справочные правила миграции кода на TypeScript
Примеры запросов агенту
- Создай проект приложения OpenUI5 по базовому шаблону
- Проверь manifest.json текущего проекта на соответствие схеме UI5
- Запусти линтер @ui5/linter и объясни найденные ошибки
Как установить mcp-server
Командой платформы
claude mcp add --env UI5_MCP_SERVER_ALLOWED_DOMAINS=<UI5_MCP_SERVER_ALLOWED_DOMAINS> --env UI5_MCP_SERVER_RESPONSE_NO_STRUCTURED_CONTENT=<UI5_MCP_SERVER_RESPONSE_NO_STRUCTURED_CONTENT> --env UI5_MCP_SERVER_RESPONSE_NO_RESOURCES=<UI5_MCP_SERVER_RESPONSE_NO_RESOURCES> --env UI5_LOG_LVL=<UI5_LOG_LVL> --env UI5_DATA_DIR=<UI5_DATA_DIR> --transport stdio ui5-mcp-server -- npx -y @ui5/mcp-serverВместо <…> подставьте свои значения
Командой платформы
codex mcp add ui5-mcp-server --env UI5_MCP_SERVER_ALLOWED_DOMAINS=<UI5_MCP_SERVER_ALLOWED_DOMAINS> --env UI5_MCP_SERVER_RESPONSE_NO_STRUCTURED_CONTENT=<UI5_MCP_SERVER_RESPONSE_NO_STRUCTURED_CONTENT> --env UI5_MCP_SERVER_RESPONSE_NO_RESOURCES=<UI5_MCP_SERVER_RESPONSE_NO_RESOURCES> --env UI5_LOG_LVL=<UI5_LOG_LVL> --env UI5_DATA_DIR=<UI5_DATA_DIR> -- npx -y @ui5/mcp-serverВместо <…> подставьте свои значения
Файл настроек
{
"mcpServers": {
"ui5-mcp-server": {
"command": "npx",
"args": [
"-y",
"@ui5/mcp-server"
],
"env": {
"UI5_MCP_SERVER_ALLOWED_DOMAINS": "<UI5_MCP_SERVER_ALLOWED_DOMAINS>",
"UI5_MCP_SERVER_RESPONSE_NO_STRUCTURED_CONTENT": "<UI5_MCP_SERVER_RESPONSE_NO_STRUCTURED_CONTENT>",
"UI5_MCP_SERVER_RESPONSE_NO_RESOURCES": "<UI5_MCP_SERVER_RESPONSE_NO_RESOURCES>",
"UI5_LOG_LVL": "<UI5_LOG_LVL>",
"UI5_DATA_DIR": "<UI5_DATA_DIR>"
}
}
}
}Вместо <…> подставьте свои значения
Файл настроек
{
"servers": {
"ui5-mcp-server": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@ui5/mcp-server"
],
"env": {
"UI5_MCP_SERVER_ALLOWED_DOMAINS": "<UI5_MCP_SERVER_ALLOWED_DOMAINS>",
"UI5_MCP_SERVER_RESPONSE_NO_STRUCTURED_CONTENT": "<UI5_MCP_SERVER_RESPONSE_NO_STRUCTURED_CONTENT>",
"UI5_MCP_SERVER_RESPONSE_NO_RESOURCES": "<UI5_MCP_SERVER_RESPONSE_NO_RESOURCES>",
"UI5_LOG_LVL": "<UI5_LOG_LVL>",
"UI5_DATA_DIR": "<UI5_DATA_DIR>"
}
}
}
}Вместо <…> подставьте свои значения
Командой платформы
gemini mcp add -e UI5_MCP_SERVER_ALLOWED_DOMAINS=<UI5_MCP_SERVER_ALLOWED_DOMAINS> -e UI5_MCP_SERVER_RESPONSE_NO_STRUCTURED_CONTENT=<UI5_MCP_SERVER_RESPONSE_NO_STRUCTURED_CONTENT> -e UI5_MCP_SERVER_RESPONSE_NO_RESOURCES=<UI5_MCP_SERVER_RESPONSE_NO_RESOURCES> -e UI5_LOG_LVL=<UI5_LOG_LVL> -e UI5_DATA_DIR=<UI5_DATA_DIR> ui5-mcp-server npx -y @ui5/mcp-serverВместо <…> подставьте свои значения
По шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о mcp-server
Как установить mcp-server в Claude Code?
Выполните в терминале команду claude mcp add mcp-server -- npx -y @ui5/mcp-server.
Что делает mcp-server?
Сервер даёт ИИ-агентам инструменты для разработки под UI5: генерацию структуры приложений, проверку манифеста, запуск @ui5/linter и чтение документации API.
Что настроить для работы в Cursor или на Windows?
Для Cursor отключите ресурсы MCP через переменную окружения UI5_MCP_SERVER_RESPONSE_NO_RESOURCES. На нативной Windows без WSL команду npx в настройках запускайте с префиксом cmd /c.
Похожие MCP-серверы
Всё по теме «Фронтенд и UI» →Сначала — mcp-server от других авторов.
