ng-blatui — MCP-сервер для Claude Code: что делает, как установить
MCP-сервер ng-blatui даёт агенту доступ к каталогу из 157 компонентов, 16 блоков, 70 графиков и 35 шаблонов страниц Angular UI-библиотеки. Агент ищет нужный элемент и читает его типизированный API.
claude mcp add --transport http ng-blatui https://ngblatui.remix-it.com/mcpЧто делает ng-blatui
Сервер подключается по HTTP и возвращает описание компонентов, блоков, графиков и шаблонов страниц из библиотеки ng-blatui — порта BlatUI для Angular. Компоненты построены на @angular/aria и CDK, работают с Angular 21 и 22, поддерживают SSR и zoneless-режим. Все элементы формы реализуют ControlValueAccessor, стилизация — Tailwind CSS v4 с oklch-токенами.
Агент вызывает инструменты поиска, получает сигнатуры input(), output(), model() и примеры использования: как импортировать класс, какой селектор (bui или атрибут вроде buiButton), как передать тему (tone="success"), локаль или иконку. Без строки @source '../node_modules/ng-blatui' в styles.css Tailwind не сканирует шаблоны библиотеки, и компоненты останутся без стилей.
Какие задачи решает
- найти готовый Angular-компонент или блок по описанию задачи
- узнать API компонента: какие
input()иoutput()он принимает - выбрать между батарейным
BuiInputFieldи примитивомbuiInput+buiField - понять, как локализовать форматирование дат и встроенные строки
- проверить, какие шаблоны страниц есть в библиотеке (дашборд, прайсинг, CRM)
Примеры запросов агенту
- Найди в ng-blatui компонент для выбора диапазона дат и покажи пример с
formControl - Как подключить ng-blatui к проекту на Angular 22 с Tailwind v4?
- Выведи все блоки ng-blatui, которые подходят для посадочной страницы
Как установить ng-blatui
Командой платформы: удалённый сервер
claude mcp add --transport http ng-blatui https://ngblatui.remix-it.com/mcpКомандой платформы: удалённый сервер
codex mcp add ng-blatui --url https://ngblatui.remix-it.com/mcpФайл настроек
{
"mcpServers": {
"ng-blatui": {
"url": "https://ngblatui.remix-it.com/mcp"
}
}
}Файл настроек
{
"servers": {
"ng-blatui": {
"type": "http",
"url": "https://ngblatui.remix-it.com/mcp"
}
}
}Командой платформы: удалённый сервер
gemini mcp add -t http ng-blatui https://ngblatui.remix-it.com/mcpПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о ng-blatui
Как установить ng-blatui в Claude Code?
Выполни claude mcp add --transport http ng-blatui https://ngblatui.remix-it.com/mcp. Сервер подключается по HTTP и не требует локальных зависимостей.
Что делает ng-blatui MCP-сервер?
Даёт агенту доступ к каталогу из 157 компонентов, 16 блоков, 70 графиков и 35 шаблонов страниц Angular UI-библиотеки. Агент ищет элементы по описанию и получает их типизированный API: сигнатуры input(), output(), примеры использования и требования к настройке.
Какие версии Angular поддерживает ng-blatui?
Angular 21 и 22. Компоненты standalone, построены на сигналах (input(), model(), output()), работают в zoneless-режиме и под SSR. Требуют @angular/core, @angular/common, @angular/forms, @angular/cdk и @angular/aria.
