blatui
Model Context Protocol

Use BlatUI from your AI editor

Connect the BlatUI MCP server and your agent can search, read and install components, blocks and charts — straight into your Laravel project. Works with Claude Code, Cursor, VS Code, Windsurf, Codex and any MCP client.

Two ways to connect

Use the hosted server for zero-install discovery, or the local one to read components straight from your project.

A Hosted — no install

One public, stateless endpoint. Point any MCP-capable editor at it — the URL never changes:

MCP endpoint 
https://blatui.remix-it.com/mcp

Pick your editor — same server, slightly different config file:

Claude Code · one command

Terminal 
claude mcp add -t http blatui https://blatui.remix-it.com/mcp

GitHub Copilot — VS Code · .vscode/mcp.json

.vscode/mcp.json 
{
    "servers": {
        "blatui": { "type": "http", "url": "https://blatui.remix-it.com/mcp" }
    }
}

VS Code 1.101+. Note the key is servers (not mcpServers). You can also run the MCP: Add Server command and pick HTTP.

Cursor · .cursor/mcp.json

.cursor/mcp.json 
{
    "mcpServers": {
        "blatui": { "url": "https://blatui.remix-it.com/mcp" }
    }
}

OpenAI Codex · ~/.codex/config.toml

~/.codex/config.toml 
[mcp_servers.blatui]
url = "https://blatui.remix-it.com/mcp"

Or run codex mcp add. TOML, not JSON.

Windsurf · ~/.codeium/windsurf/mcp_config.json

~/.codeium/windsurf/mcp_config.json 
{
    "mcpServers": {
        "blatui": { "serverUrl": "https://blatui.remix-it.com/mcp" }
    }
}

Windsurf uses serverUrl for remote servers.

Any other MCP client · Zed, Gemini CLI, JetBrains, n8n…

MCP standard config 
{
    "mcpServers": {
        "blatui": { "type": "streamable-http", "url": "https://blatui.remix-it.com/mcp" }
    }
}

Streamable HTTP transport. Some clients label the type http — both point at the same endpoint.

B Local — reads your project

Prefer to serve component source straight from your own copy (offline-friendly)? Install the package, then point any editor at the stdio server. Install once:

Terminal 
composer require anousss007/blatui

Register php artisan blatui:mcp with your editor. In Claude Code:

Terminal 
claude mcp add -s local -t stdio blatui php artisan blatui:mcp

Every other editor — same config file as above, but a command/args pair instead of a URL:

.mcp.json / .cursor/mcp.json 
{
    "mcpServers": {
        "blatui": { "command": "php", "args": ["artisan", "blatui:mcp"] }
    }
}

VS Code nests it under servers; Codex uses [mcp_servers.blatui] with command + args — same idea, local stdio.

What your agent can do

The server exposes tools, resources and prompts.

Tools

  • search_registry
  • list_components
  • get_component
  • get_example
  • install_command

Resources

Read any item's Blade source by URI:

  • blatui://component/{name}
  • blatui://block/{name}
  • blatui://chart/{name}

Prompts

  • use-component
  • scaffold-page

Laravel Boost integration

BlatUI ships first-class Laravel Boost guidelines and an agent skill. If your project uses Boost, your AI already knows how to use BlatUI — no extra setup. Install Boost and select the features:

Terminal 
composer require laravel/boost --dev
php artisan boost:install

Because anousss007/blatui ships resources/boost/guidelines/core.blade.php and a blatui-development skill, Boost loads BlatUI's conventions (the x-ui. namespace, blatui:add, theming) into your agent's context automatically. The BlatUI MCP server complements Boost — Boost knows your app; BlatUI knows every component.

No MCP client? Just fetch

Everything the MCP server returns is also plain HTTP — usable from any script or agent:

Terminal 
curl https://blatui.remix-it.com/registry.json          # every component, block, chart
curl https://blatui.remix-it.com/r/button.json          # one item, Blade source inlined
curl https://blatui.remix-it.com/llms.txt               # concise index for LLMs