Bestax — MCP-сервер для Claude Code: что делает и как установить
MCP-сервер, который даёт агенту доступ к библиотеке React-компонентов bestax-bulma: пропсы, примеры кода, CSS-переменные Bulma v1 и готовые промпты.
claude mcp add --env BESTAX_MCP_NO_VERSION_CHECK=<BESTAX_MCP_NO_VERSION_CHECK> --env BESTAX_MCP_PROJECT_DIR=<BESTAX_MCP_PROJECT_DIR> --transport stdio bestax-mcp -- npx -y bestax-mcpЧто делает Bestax
Сервер передаёт агенту всю документацию @allxsmith/bestax-bulma — React-обёртки над Bulma v1. Внутри около девятисот рабочих примеров на TypeScript, таблицы пропсов для каждого компонента (включая составные части вроде Navbar.Brand), список хелпер-пропсов для отступов и цвета, CSS-переменные --bulma-* и семь Agent Skills — инструкций для частых задач (формы, темизация, миграция).
Индекс зашит в пакет, работает без сети. Сервер проверяет версию установленной у вас библиотеки и предупреждает, если она не совпадает с той, что описана в документации — чтобы не подсовывать агенту пропсы, которых у вас нет. Если библиотеки в проекте вообще не найдено, первый же ответ сообщит об этом.
Инструменты list_components, get_component, get_examples, get_css_variables и lookup_bulma_classes покрывают весь жизненный цикл работы с компонентами. Промпты дублируют названия скиллов: custom-component, form, theming, layout-scaffold, icons, migrate, optimize.
Какие задачи решает
- Подсказать агенту правильные пропсы React-компонента из bestax-bulma
- Найти готовый пример использования компонента на TypeScript
- Узнать, какие CSS-переменные Bulma читает компонент
- Заменить inline-стили хелпер-пропсами библиотеки
- Сгенерировать форму или лейаут по готовой инструкции из Agent Skills
Примеры запросов агенту
- Покажи все компоненты bestax-bulma для навигации
- Найди компонент bestax для карточки товара с картинкой и кнопкой
- Выведи пропсы
Navbar.Brandиз bestax и пример его использования
Как установить Bestax
Командой платформы
claude mcp add --env BESTAX_MCP_NO_VERSION_CHECK=<BESTAX_MCP_NO_VERSION_CHECK> --env BESTAX_MCP_PROJECT_DIR=<BESTAX_MCP_PROJECT_DIR> --transport stdio bestax-mcp -- npx -y bestax-mcpВместо <…> подставьте свои значения
Командой платформы
codex mcp add bestax-mcp --env BESTAX_MCP_NO_VERSION_CHECK=<BESTAX_MCP_NO_VERSION_CHECK> --env BESTAX_MCP_PROJECT_DIR=<BESTAX_MCP_PROJECT_DIR> -- npx -y bestax-mcpВместо <…> подставьте свои значения
Файл настроек
{
"mcpServers": {
"bestax-mcp": {
"command": "npx",
"args": [
"-y",
"bestax-mcp"
],
"env": {
"BESTAX_MCP_NO_VERSION_CHECK": "<BESTAX_MCP_NO_VERSION_CHECK>",
"BESTAX_MCP_PROJECT_DIR": "<BESTAX_MCP_PROJECT_DIR>"
}
}
}
}Вместо <…> подставьте свои значения
Файл настроек
{
"servers": {
"bestax-mcp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"bestax-mcp"
],
"env": {
"BESTAX_MCP_NO_VERSION_CHECK": "<BESTAX_MCP_NO_VERSION_CHECK>",
"BESTAX_MCP_PROJECT_DIR": "<BESTAX_MCP_PROJECT_DIR>"
}
}
}
}Вместо <…> подставьте свои значения
Командой платформы
gemini mcp add -e BESTAX_MCP_NO_VERSION_CHECK=<BESTAX_MCP_NO_VERSION_CHECK> -e BESTAX_MCP_PROJECT_DIR=<BESTAX_MCP_PROJECT_DIR> bestax-mcp npx -y bestax-mcpВместо <…> подставьте свои значения
По шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о Bestax
Как установить Bestax в Claude Code?
Выполни claude mcp add bestax -- npx -y bestax-mcp@1 в терминале. Если нужна поддержка Agent Skills, поставь плагин командами /plugin marketplace add allxsmith/bestax-skills, затем /plugin install bestax@bestax.
Что делает MCP-сервер Bestax?
Передаёт агенту полную документацию библиотеки React-компонентов bestax-bulma: таблицы пропсов, рабочие примеры, CSS-переменные Bulma и готовые промпты для типовых задач. Работает без сети, проверяет версию библиотеки в проекте.
Что такое Agent Skills в Bestax?
Семь готовых промптов для частых задач: создание кастомного компонента, сборка формы, настройка темы, генерация лейаута, работа с иконками, миграция и оптимизация. Доступны как промпты сервера и через инструмент get_skill.
