MCP/Bestax Bulma React MCP
Bestax Bulma React MCP logo

Bestax Bulma React MCP

Official MCP server for @allxsmith/bestax-bulma. Provides React component props, compound sub-parts, ~900 working examples, and CSS custom variables.

developer-tools•Frontend & UI Design
GitHub13
License:MIT
VERIFIED
ByAlex Smith@Alex Smith

About this Server

The official Model Context Protocol (MCP) server for @allxsmith/bestax-bulma — fully-typed React components for Bulma v1. It supplies coding agents with exhaustive prop tables (including compound sub-paths like Navbar.Brand), ~900 working TSX examples, --bulma-* CSS custom variables, helper props replacing inline styles, and bestax Agent Skills with zero network dependency.

Real-time Interaction

Direct low-latency RPC protocol communication with structured JSON schemas.

Scoped Sandboxing

Restricted capability bounds to prevent accidental modifications or leakage.

Security & Best Practices

Offline Operation: The index is completely bundled inside the npm package with zero runtime network calls.
Version Pinning: Recommends pinned major version bestax-mcp@1 to prevent upstream breaking changes.
Zero Secrets: Operates without any API keys, credentials, or private project modifications.

When to Use (and When Not To)

Best For
  • •Developing React applications using the Bulma v1 CSS framework and Bestax component library
  • •Finding verified TSX code examples and prop signatures without writing inline styles
  • •Converting legacy Bulma HTML/CSS templates into typed React component hierarchies
Not For / Limitations
  • •Native iOS SwiftUI or UIKit application development (use Apple Developer Docs MCP instead)
  • •Agent rules and markdown steering file linting (use Asitis Agent Tools instead)
  • •General cross-browser journey and regression testing (use agent-qa instead)

Install & Setup

terminal command
$claude mcp add bestax -- npx -y bestax-mcp@1

Exposed Tools & Endpoints

10 tools

Functions your AI agent can invoke via this Model Context Protocol server

list_components

Lists all Bestax Bulma React components categorized with one-line descriptions.

search_bestax

Searches components, props, code examples, CSS variables, and skills in a single ranked index.

get_component

Retrieves component imports, summary, prop signatures, accessibility notes, and related components.

get_props

Fetches prop tables including compound sub-paths such as Navbar.Brand or Card.Header.

get_examples

Returns working TSX code examples from the official Bestax documentation.

get_css_variables

Lists the --bulma-* CSS custom variables and defaults consumed by a component.

get_helper_props

Lists spacing, color, typography, flexbox, and visibility helper props to replace inline styles.

lookup_bulma_classes

Translates raw Bulma CSS class strings into Bestax React component and prop combinations.

list_skills

Lists the seven bestax Agent Skills available for UI authoring.

get_skill

Retrieves specific instructions and reference documentation for a Bestax Agent Skill.