Install

# CLI install
npm install -g @chakra-ui/react-mcp

MCP client config

{
  "command": "npx",
  "args": ["-y", "@chakra-ui/react-mcp"],
  "env": { "SPAWNPAY_API_KEY": "spk_live_..." }
}

Drop this into your Claude Desktop or Cursor config. Agents call the tool, payments settle automatically.

Make it paid

This MCP is currently free. Authors can wrap any tool in two lines using spawnpay-paywall to charge per call in USDC. Keep 99.5%, no payment infra.

// Node — npm install spawnpay-paywall
import { paywall } from 'spawnpay-paywall';
const myTool = paywall(
  { price: 0.005, vendor: 'SP_yourCode' },
  originalToolFn
);

About

Package: @chakra-ui/react-mcp
Version: 2.1.1
Author: segunadebayo
Published: 2025-11-03
Keywords: chakra-ui, mcp-server, chat, chatgpt, mcp

Related MCPs

@mcp-b/react-webmcp

React hooks for Model Context Protocol (MCP) - expose React components as AI tools for Claude, ChatGPT, Cursor, and Copilot with Zod validat
@mcp-b/transports

Browser transport implementations for Model Context Protocol (MCP) - postMessage, Chrome extension messaging, and iframe communication for A
@mcp-b/webmcp-ts-sdk

Browser-adapted MCP TypeScript SDK - Dynamic tool registration for W3C Web Model Context API and AI agent integration
semiotic

React data visualization library with built-in MCP server for AI-assisted chart generation

Browse all MCPs →