Bestax — Claude Code MCP server: what it does, how to install
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.
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-mcpWhat Bestax 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.
What it helps with
- 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 for the agent
- 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.Brandfrom bestax and an example of its use
How to install Bestax
Platform CLI
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-mcpReplace <…> with your own values
Platform CLI
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-mcpReplace <…> with your own values
Config file
{
"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
Config file
{
"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
Platform CLI
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-mcpReplace <…> with your own values
Step by step, with commands for each platform: How to add an MCP server to Claude Code, Codex, Cursor, VS Code, Gemini CLI and more
Questions about Bestax
How do I install Bestax in Claude Code?
Run claude mcp add bestax -- npx -y bestax-mcp@1 in the terminal. For Agent Skills support, install the plugin with /plugin marketplace add allxsmith/bestax-skills, then /plugin install bestax@bestax.
What does the Bestax MCP server do?
It gives agents the full documentation for the bestax-bulma React component library: prop tables, working examples, Bulma CSS variables and ready-made prompts for typical tasks. It works offline and checks the library version in your project.
What are Agent Skills in Bestax?
Seven ready-made prompts for common tasks: creating a custom component, building a form, setting up a theme, generating a layout, working with icons, migration and optimisation. Available as server prompts and via the get_skill tool.
