Bricks MCP Server

1

Add it to Claude Code

Run this in a terminal.

Run in terminal
claude mcp add --transport http -H "Authorization: Basic BASE64_ENCODED_CREDENTIALS" bricks-mcp https://yoursite.com/wp-json/bricks-mcp/v1/mcp
README.md

AI-powered assistant for Bricks Builder.

Bricks MCP

AI-powered assistant for Bricks Builder. Control your website with natural language through MCP-compatible AI tools like Claude.

Talk to your website. It listens.

What It Does

Bricks MCP is a WordPress plugin that implements an MCP (Model Context Protocol) server, letting AI assistants read and write your Bricks Builder site. Connect Claude, Gemini, or any MCP-compatible client and manage pages, templates, global classes, theme styles, WooCommerce layouts, and more — all through natural language.

Features

  • 20+ MCP tools covering the full Bricks Builder data model
  • Read and write pages, templates, elements, and global settings
  • WooCommerce support (product pages, cart, checkout, account templates)
  • Global classes, theme styles, typography scales, color palettes, variables
  • Media library management with Unsplash integration
  • WordPress menus, fonts, and custom code management
  • Built-in connection tester and config snippet generator
  • Works with Claude Code, Claude Desktop, Gemini, and any MCP client

Requirements

  • WordPress 6.4+
  • PHP 8.2+
  • Bricks Builder 1.6+

Installation

  1. Download the latest release from GitHub Releases
  2. Upload to your WordPress site via Plugins > Add New > Upload Plugin
  3. Activate the plugin
  4. Go to Settings > Bricks MCP to configure

Connecting Your AI Tool

Claude Code

claude mcp add bricks-mcp https://yoursite.com/wp-json/bricks-mcp/v1/mcp --transport http

Claude Desktop / Other MCP Clients

Add to your MCP config (.mcp.json or equivalent):

{
  "mcpServers": {
    "bricks-mcp": {
      "type": "http",
      "url": "https://yoursite.com/wp-json/bricks-mcp/v1/mcp",
      "headers": {
        "Authorization": "Basic BASE64_ENCODED_CREDENTIALS"
      }
    }
  }
}

Authentication uses WordPress Application Passwords (Users > Profile > Application Passwords).

Available Tools

Tool Description
get_site_info WordPress site information and configuration
wordpress Manage posts, pages, users, plugins, comments, taxonomies
get_builder_guide Bricks Builder documentation for AI context
bricks Read/write Bricks settings, query loops, interactions
page Create, read, update, delete Bricks pages and elements
element Fine-grained element operations (add, move, style, clone)
template Manage Bricks templates (header, footer, section, etc.)
template_condition Set display conditions on templates
template_taxonomy Manage template taxonomy terms
global_class Create and manage global CSS classes
theme_style Create and manage theme styles
typography_scale Typography scale presets
color_palette Color palette management
global_variable Global CSS variables
media Upload media, search Unsplash, manage library
menu WordPress menu management
component Bricks component (reusable element) management
woocommerce WooCommerce page templates and product layouts
font Custom font management
code Page-level CSS and JavaScript

Configuration

Go to Settings > Bricks MCP in WordPress admin:

  • Enable MCP Server — toggle the server on/off
  • Require Authentication — restrict access to authenticated users
  • Custom Base URL — for reverse proxies or custom domains
  • Dangerous Actions — enable write access to global Bricks settings and code execution

Extending

Add custom tools using the bricks_mcp_tools filter:

add_filter( 'bricks_mcp_tools', function( $tools ) {
    $tools['my_custom_tool'] = [
        'name'        => 'my_custom_tool',
        'description' => 'My custom tool description',
        'inputSchema' => [
            'type'       => 'object',
            'properties' => [],
        ],
        'handler'     => function( $args ) {
            return ['result' => 'success'];
        },
    ];
    return $tools;
});

Local Development

npm install
npm run start        # Start WordPress (Docker via wp-env)
npm run test         # Run PHPUnit tests
npm run lint         # WordPress coding standards check
npm run lint:fix     # Auto-fix linting issues

Local site: http://localhost:8888 (admin / password)

License

GPL-2.0-or-later

Tools (20)

get_site_infoWordPress site information and configuration
wordpressManage posts, pages, users, plugins, comments, taxonomies
get_builder_guideBricks Builder documentation for AI context
bricksRead/write Bricks settings, query loops, interactions
pageCreate, read, update, delete Bricks pages and elements
elementFine-grained element operations (add, move, style, clone)
templateManage Bricks templates (header, footer, section, etc.)
template_conditionSet display conditions on templates
template_taxonomyManage template taxonomy terms
global_classCreate and manage global CSS classes
theme_styleCreate and manage theme styles
typography_scaleTypography scale presets
color_paletteColor palette management
global_variableGlobal CSS variables
mediaUpload media, search Unsplash, manage library
menuWordPress menu management
componentBricks component (reusable element) management
woocommerceWooCommerce page templates and product layouts
fontCustom font management
codePage-level CSS and JavaScript

Configuration

claude_desktop_config.json
{"mcpServers": {"bricks-mcp": {"type": "http", "url": "https://yoursite.com/wp-json/bricks-mcp/v1/mcp", "headers": {"Authorization": "Basic BASE64_ENCODED_CREDENTIALS"}}}}

Try it

Create a new landing page using the 'hero' template and update the headline to 'Welcome to our new site'.
List all global CSS classes currently defined in the Bricks theme.
Update the primary color palette to use the new brand colors: #FF5733 and #33FF57.
Add a new section to the homepage template with a query loop for the latest 3 blog posts.
Search Unsplash for a high-quality image of a mountain and add it to the media library.

Frequently Asked Questions

What are the key features of Bricks MCP?

20+ MCP tools covering the full Bricks Builder data model. Read and write pages, templates, elements, and global settings. Full WooCommerce support for product pages, cart, and checkout. Comprehensive global style management including typography and color palettes. Integrated media library management with Unsplash support.

What can I use Bricks MCP for?

Rapidly building and iterating on page layouts using natural language commands.. Automating the setup of global design systems like typography scales and color palettes.. Managing complex WooCommerce store layouts and templates via AI assistance.. Streamlining the creation of reusable Bricks components and templates.. Performing bulk updates to site elements or styles across multiple pages..

How do I install Bricks MCP?

Install Bricks MCP by running: claude mcp add bricks-mcp https://yoursite.com/wp-json/bricks-mcp/v1/mcp --transport http

What MCP clients work with Bricks MCP?

Bricks MCP works with any MCP-compatible client including Claude Desktop, Claude Code, Cursor, and other editors with MCP support.

Turn this server into reusable context

Keep Bricks MCP docs, env vars, and workflow notes in Conare so your agent carries them across sessions.

Need the old visual installer? Open Conare IDE.
Open Conare