Bricks Builder JSON Authoring

What it does

This skill allows an agent to author complete WordPress designs specifically for the Bricks Builder. Instead of just providing CSS or HTML, it generates the exact JSON structure required for the Bricks clipboard, enabling one-click import of professional layouts.

When to use it

Use this skill for any task involving Bricks Builder, including:

• Creating new page sections, headers, or footers.
• Building complex query loops with ACF/dynamic data.
• Setting up faceted filters, popups, and WooCommerce templates.
• Implementing advanced interactions, animations, and responsive design logic.

What's included

• JSON Specifications: Precise formats for clipboard paste vs. template imports.
• Element Catalog: A comprehensive mapping of Bricks elements and their associated settings keys.
• Style Grammar: Exact value shapes for colors, typography, and responsive breakpoints (tablet_portrait, etc.).
• Data Wiring: Integration patterns for dynamic tags and third-party providers like ACF, Meta Box, and JetEngine.
• Validation Suite: A strict checklist to ensure flat-tree integrity and unique ID generation.

Compatible agents

Compatible with any agent that can generate structured JSON files in a workspace, such as Claude Code, Cursor, or Copilot.