# Bestax

MCP-сервер, который даёт агенту доступ к библиотеке React-компонентов bestax-bulma: пропсы, примеры кода, CSS-переменные Bulma v1 и готовые промпты.

- MCP-сервер · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, Gemini CLI · ★ 13
- Автор: allxsmith
- Лицензия: MIT · policy=link-only · показываем только описание, файл — у автора
- Исходник: https://github.com/allxsmith/bestax/tree/HEAD/bestax-mcp
- Обновлён: 2026-10-24
- HTML: https://affpapa.org/nevibecode/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`.

## Требования
- Нужно: Node.js (команды через npx)
- Переменные окружения: `BESTAX_MCP_NO_VERSION_CHECK`, `BESTAX_MCP_PROJECT_DIR` — это ключи и токены: значения спроси у человека, в репозиторий и общие файлы не записывай.

## Установка

### Claude Code (родная платформа)

**Командой платформы**
```bash
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

**Командой платформы**
```bash
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
```
Вместо <…> подставьте свои значения

### Cursor

**Файл настроек**
Файл `.cursor/mcp.json`:
```json
{
    "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>"
            }
        }
    }
}
```
Вместо <…> подставьте свои значения

### GitHub Copilot

**Файл настроек**
Файл `.vscode/mcp.json`:
```json
{
    "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 CLI

**Командой платформы**
```bash
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
```
Вместо <…> подставьте свои значения

## Когда брать
- Подсказать агенту правильные пропсы React-компонента из bestax-bulma
- Найти готовый пример использования компонента на TypeScript
- Узнать, какие CSS-переменные Bulma читает компонент
- Заменить inline-стили хелпер-пропсами библиотеки
- Сгенерировать форму или лейаут по готовой инструкции из Agent Skills

## Примеры запросов агенту
- Покажи все компоненты bestax-bulma для навигации
- Найди компонент bestax для карточки товара с картинкой и кнопкой
- Выведи пропсы `Navbar.Brand` из bestax и пример его использования

## Похожие
- [Front-End Checklist](https://affpapa.org/nevibecode/mcp/front-end-checklist.md) — MCP-сервер · ★ 74559
- [tldraw](https://affpapa.org/nevibecode/mcp/tldraw.md) — MCP-сервер · ★ 51091
- [Figma-Context-MCP](https://affpapa.org/nevibecode/mcp/figma-context-mcp.md) — MCP-сервер · ★ 16062
- [mcp-server-chart](https://affpapa.org/nevibecode/mcp/mcp-server-chart.md) — MCP-сервер · ★ 4402
- [Dembrandt](https://affpapa.org/nevibecode/mcp/dembrandt.md) — MCP-сервер · ★ 3821
- [RevoGrid DataGrid MCP Pro](https://affpapa.org/nevibecode/mcp/revogrid-datagrid-mcp-pro.md) — MCP-сервер · ★ 3450

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md