110+ TOOLS • 14 CATEGORIES
Every Tool Your AI Agent Needs
From design tokens to WooCommerce templates, Bricks MCP gives your AI agent complete control over every aspect of WordPress site building.
DESIGN SYSTEM
Build the Foundation First
Before placing a single element, set up your design tokens — colors, variables, classes, and theme styles.
Color Palette
Create and manage colors with utility class generation. Primary, secondary, neutrals, and semantic colors — all as CSS variables.
Global Classes
Build reusable CSS classes with full Bricks settings. Batch create up to 50 classes at once. Categories for organization.
CSS Variables
Define spacing, sizing, and custom properties. Import/export support. Auto-referenced across all elements.
Theme Styles
Set global typography, heading scales, link styles, and element defaults. One change updates every page.
Components
Create reusable element groups with configurable properties. Update once, changes propagate everywhere.
Custom Fonts
Upload WOFF2, TTF, or OTF fonts. Configure Adobe Fonts (Typekit). Full font management.
PAGE BUILDING
Build Pages Section by Section
Hierarchical JSON → Native Elements
Write simplified JSON with section > container > content hierarchy. The Translator converts it to Bricks’ flat element format automatically. Styles are mapped, units normalized, and responsive breakpoints injected.
Auto-maps CSS aliases
Adds units automatically
Injects responsive breakpoints
Signs code elements
section > container > content
Smart Element Management
Insert, update, move, duplicate, and delete individual elements. Assign global classes, set dynamic data connections, and configure conditions — all through the API.
Deep-merge settings updates
Bulk operations
Global class auto-resolution
Condition & interaction support
insert • update • move • delete
TEMPLATES & COMPONENTS
Reusable Building Blocks
Templates
Header, footer, section, and WooCommerce templates with display conditions. Priority scoring ensures the right template shows on every page.
Popups
Newsletter signups, cookie banners, promos — with custom triggers (scroll, click, exit-intent), animations, and frequency limits.
Custom Elements
When native elements aren’t enough, create custom PHP elements with controls, render templates, and scoped CSS.
DATA & QUERIES
Connect Everything
Query Loops
Loop through posts, terms, users, or external APIs. Filter, sort, paginate — with full query builder support.
Dynamic Data
Connect any element to WordPress data: post fields, ACF, Meta Box, user data, site info, WooCommerce products.
Forms
15+ field types, 8+ submission actions (email, webhook, Mailchimp, registration, create-post). Built-in spam protection.
WooCommerce
Full store setup: product templates, shop grids, cart, checkout, account pages — all 18+ WC template types.
QUALITY ASSURANCE
Ship with Confidence
Built-in analysis tools catch issues before your users do.
Comprehensive Page Audits
Every page gets analyzed for heading hierarchy, color contrast, responsive coverage, global class usage, and SEO configuration. Issues are flagged with severity levels and auto-fix suggestions.
Run site-wide audits to catch inconsistencies across all pages. Performance checks identify heavy images, unused CSS, and render-blocking scripts.
Heading Hierarchy
95%
Color Contrast
92%
Responsive Coverage
98%
Class Usage
88%
SEO Score
95%