MCP Server

The blakeUI MCP Server gives AI assistants direct access to blakeUI Native component documentation, making it easier to build with blakeUI in AI-powered development environments.

The MCP server currently supports @blakeui/native and stdio transport. Published at @blakeui/native-mcp on npm.

Quick Setup

Cursor:

Or manually add to Cursor Settings → Tools → MCP Servers:

{
  "mcpServers": {
    "@blakeui/native": {
      "command": "npx",
      "args": ["-y", "@blakeui/native-mcp@latest"]
    }
  }
}

Alternatively, add the following to your ~/.cursor/mcp.json file. To learn more, see the Cursor documentation.

Claude Code: Run this command in your terminal:

claude mcp add @blakeui/native -- npx -y @blakeui/native-mcp@latest

Or manually add to your project's .mcp.json file:

{
  "mcpServers": {
    "@blakeui/native": {
      "command": "npx",
      "args": ["-y", "@blakeui/native-mcp@latest"]
    }
  }
}

After adding the configuration, restart Claude Code and run /mcp to see the blakeUI MCP server in the list. If you see Connected, you're ready to use it.

See the Claude Code MCP documentation for more details.

Windsurf: Add the blakeUI server to your project's .windsurf/mcp.json configuration file:

{
  "mcpServers": {
    "@blakeui/native": {
      "command": "npx",
      "args": ["-y", "@blakeui/native-mcp@latest"]
    }
  }
}

After adding the configuration, restart Windsurf to activate the MCP server.

See the Windsurf MCP documentation for more details.

Zed: Add the blakeUI server to your settings.json configuration file. Open settings via Command Palette (zed: open settings) or use Cmd-, (Mac) / Ctrl-, (Linux):

{
  "context_servers": {
    "@blakeui/native": {
      "command": "npx",
      "args": ["-y", "@blakeui/native-mcp@latest"],
      "env": {}
    }
  }
}

After adding the configuration, restart Zed and open the Agent Panel settings view. Check that the indicator dot next to the @blakeui/native server is green with "Server is active" tooltip.

See the Zed MCP documentation for more details.

VS Code: To configure MCP in VS Code with GitHub Copilot, add the blakeUI server to your project's .vscode/mcp.json configuration file:

{
  "servers": {
    "@blakeui/native": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "@blakeui/native-mcp@latest"]
    }
  }
}

After adding the configuration, open .vscode/mcp.json and click Start next to the @blakeui/native server.

See the VS Code MCP documentation for more details.

Codex: Add the blakeUI server to your ~/.codex/config.toml (or a project-scoped .codex/config.toml):

[mcp_servers.@blakeui/native]
command = "npx"
args = ["-y", "@blakeui/native-mcp@latest"]

After adding the configuration, restart Codex and run /mcp in the TUI to verify the server is active.

See the Codex MCP documentation for more details.

OpenCode: Add the blakeUI server to your project's opencode.json configuration file:

{
  "$schema": "https://opencode.ai/config.json",
  "mcp": {
    "@blakeui/native": {
      "type": "local",
      "command": ["npx", "-y", "@blakeui/native-mcp@latest"]
    }
  }
}

After adding the configuration, restart OpenCode to activate the MCP server.

See the OpenCode MCP documentation for more details.

Usage

Once configured, ask your AI assistant questions like:

• "Help me install blakeUI Native in my Expo app"
• "Show me all blakeUI Native components"
• "What props does the Button component have?"
• "Give me an example of using the Card component"
• "What are the theme variables for dark mode?"

Automatic Updates

The MCP server can help you upgrade to the latest blakeUI Native version:

"Hey Cursor, update BlakeUI Native to the latest version"

Your AI assistant will automatically:

• Compare your current version with the latest release
• Review the changelog for breaking changes
• Apply the necessary code updates to your project

This works for any version upgrade, whether you're updating to the latest stable or pre-release version.

Available Tools

The MCP server provides these tools to AI assistants: