Box Kite — MCP-сервер для Claude Code: что делает и как установить
Локальный движок стилей React-библиотеки Box Kite для ИИ-агентов. Проверяет пропсы, разметку компонентов и генерацию CSS прямо в редакторе.
claude mcp add mcp -- npx -y @box-kite/mcpЧто делает Box Kite
Сервер даёт агенту шесть инструментов для работы с интерфейсной библиотекой Box Kite. Он проверяет валидность стилей через встроенный движок, находит компоненты и выдаёт готовые блоки интерфейса.
Сетевые запросы и API-ключи серверу не нужны. Все данные вшиты в пакет при сборке. Для запуска в системе обязателен Node.js версии 22 или новее, без него утилита через npx завершится ошибкой.
Главная особенность библиотеки — строгий список допустимых значений. Ошибочный пропс не генерирует сломанный CSS, а молча игнорируется, поэтому инструмент check_styles выявляет опечатки в стилях ещё до запуска приложения в браузере.
Какие задачи решает
- проверить генерацию CSS для набора стилевых пропсов
- получить спецификацию компонента с раскладкой клавиш и ARIA-атрибутами
- подобрать правильные шкалы отступов и размеров шрифта без документации
- загрузить готовый блок разметки для панели управления или страницы настроек
Примеры запросов агенту
- Проверь через
check_styles, соберётся ли CSS для пропсовp: 4иbgColor: "blue-500". - Покажи спецификацию и клавиатурные события компонента через
get_component. - Найди в
search_docsподходящие правила для построения адаптивной сетки.
Как установить Box Kite
Командой платформы
claude mcp add mcp -- npx -y @box-kite/mcpКомандой платформы
codex mcp add mcp -- npx -y @box-kite/mcpФайл настроек
{
"mcpServers": {
"mcp": {
"command": "npx",
"args": [
"-y",
"@box-kite/mcp"
]
}
}
}Файл настроек
{
"servers": {
"mcp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@box-kite/mcp"
]
}
}
}Командой платформы
gemini mcp add mcp npx -y @box-kite/mcpПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о Box Kite
Как установить Box Kite в Claude Code?
Выполните в терминале команду claude mcp add mcp -- npx -y @box-kite/mcp.
Что делает MCP-сервер Box Kite?
Он подключает к агенту шесть инструментов для поиска по документации Box Kite, валидации CSS-пропсов, чтения контрактов компонентов и загрузки готовых секций интерфейса.
Нужен ли серверу доступ в интернет или API-ключ?
Сервер работает полностью автономно без сетевых запросов и токенов, так как движок стилей и справочные материалы упакованы внутрь пакета.
