# Bestax

An MCP server that gives agents access to the bestax-bulma React component library: props, code examples, Bulma v1 CSS variables and ready-made prompts.

- MCP server · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, Gemini CLI · ★ 13
- Author: allxsmith
- License: MIT · policy=link-only · description only; the file stays with the author
- Source: https://github.com/allxsmith/bestax/tree/HEAD/bestax-mcp
- Updated: 2026-10-24
- HTML: https://affpapa.org/en/nevibecode/mcp/bestax

## What it does

The server exposes the entire documentation for `@allxsmith/bestax-bulma` — React wrappers for Bulma v1. It includes around nine hundred working TypeScript examples, prop tables for every component (including compound parts like `Navbar.Brand`), helper props for spacing and colour, `--bulma-*` CSS variables, and seven Agent Skills — instructions for common tasks (forms, theming, migration).

The index is bundled into the package and works offline. The server checks the version of the library installed in your project and warns you if it does not match the one it documents — so it never describes props you do not have. If the library is not found in the project at all, the first answer will say so.

Tools `list_components`, `get_component`, `get_examples`, `get_css_variables` and `lookup_bulma_classes` cover the full lifecycle of working with components. Prompts mirror the skill names: `custom-component`, `form`, `theming`, `layout-scaffold`, `icons`, `migrate`, `optimize`.

## Requirements
- Needs: Node.js (commands run via npx)
- Environment variables: `BESTAX_MCP_NO_VERSION_CHECK`, `BESTAX_MCP_PROJECT_DIR` — keys and tokens: ask the human for the values, never commit them or put them in shared files.

## Install

### Claude Code (native platform)

**Platform CLI**
```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
```
Replace <…> with your own values

### Codex

**Platform CLI**
```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
```
Replace <…> with your own values

### Cursor

**Config file**
File `.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>"
            }
        }
    }
}
```
Replace <…> with your own values

### GitHub Copilot

**Config file**
File `.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>"
            }
        }
    }
}
```
Replace <…> with your own values

### Gemini CLI

**Platform 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
```
Replace <…> with your own values

## When to use it
- Suggest the correct props for a bestax-bulma React component to the agent
- Find a working TypeScript example for a component
- Look up which Bulma CSS variables a component reads
- Replace inline styles with the library's helper props
- Generate a form or layout using ready-made instructions from Agent Skills

## Example prompts
- Show all bestax-bulma navigation components
- Find a bestax component for a product card with an image and a button
- List the props for `Navbar.Brand` from bestax and an example of its use

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

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md