webcomponents-mcp-server — MCP-сервер для Claude Code
MCP-сервер, который отдаёт агенту документацию по UI5 Web Components прямо в чат. Пригодится, когда пишете на React, Angular или чистом JavaScript и не хотите искать API вручную.
claude mcp add webcomponents-mcp-server -- npx -y @ui5/webcomponents-mcp-serverЧто делает webcomponents-mcp-server
Сервер подключается к вашему MCP-клиенту и даёт агенту четыре инструмента. get_component_api достаёт описание любого компонента: свойства, слоты, события, методы. Поиск идёт по трём пакетам — @ui5/webcomponents, @ui5/webcomponents-fiori и @ui5/webcomponents-ai. get_guidelines возвращает гайды по интеграции с React, Angular или нативным JavaScript, включая установку и импорты. list_docs показывает список всей документации с краткими описаниями, а get_doc вытаскивает полный текст конкретного файла.
Для запуска нужен Node.js версии v20.17.0, v22.9.0 или выше и npm v8.0.0+. Сервер работает поверх npx, поэтому ставить его как пакет не нужно — команда сама скачает свежую версию при первом запуске. На Windows без WSL npx может потребовать префикс cmd /c.
Агент не ходит в интернет за документацией — все данные сервер берёт из своей сборки, которую можно обновить через npm run prepare:docs. Если документация в репозитории UI5 поменялась, локальная копия устареет, пока не пересоберёте.
Какие задачи решает
- вытащить API конкретного компонента ui5-button в чат с агентом
- получить гайд по подключению UI5 Web Components к React или Angular
- посмотреть список всей документации с описаниями
- достать полный текст нужного файла документации
- не искать свойства и события компонентов вручную в браузере
Примеры запросов агенту
- Покажи API компонента
ui5-button. - Как подключить UI5 Web Components к проекту на React?
- Какая документация доступна по темизации?
Как установить webcomponents-mcp-server
Командой платформы
claude mcp add webcomponents-mcp-server -- npx -y @ui5/webcomponents-mcp-serverКомандой платформы
codex mcp add webcomponents-mcp-server -- npx -y @ui5/webcomponents-mcp-serverФайл настроек
{
"mcpServers": {
"webcomponents-mcp-server": {
"command": "npx",
"args": [
"-y",
"@ui5/webcomponents-mcp-server"
]
}
}
}Файл настроек
{
"servers": {
"webcomponents-mcp-server": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@ui5/webcomponents-mcp-server"
]
}
}
}Командой платформы
gemini mcp add webcomponents-mcp-server npx -y @ui5/webcomponents-mcp-serverПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о webcomponents-mcp-server
Как установить webcomponents-mcp-server в Claude Code?
Выполните claude mcp add webcomponents-mcp-server -- npx -y @ui5/webcomponents-mcp-server. Сервер запустится через npx при следующем старте Claude Code.
Что делает webcomponents-mcp-server?
Отдаёт вашему AI-ассистенту документацию по UI5 Web Components: API компонентов, гайды по React, Angular и JavaScript, список файлов документации и их полный текст.
Что нужно для запуска?
Node.js v20.17.0, v22.9.0 или выше и npm v8.0.0+. На Windows без WSL команду npx нужно обернуть в cmd /c.
