bricks
Skills for working with Bricks sites through the Bricks MCP. Covers design systems, element trees, templates, dynamic data, forms, filters, WooCommerce, performance, settings, permissions, custom development, and migration workflows.
Plugin bricks from marketplace bricks-skills in codeerhq/bricks-skills. Commands read from the repo's manifest — 9 days ago.
What it installs
Skills (45)
bricks-agent-repositoryHandle complex existing-site Bricks edits through advertised repository/workspace workflows when focused abilities cannot express the change.
bricks-ai-tabDiagnose Bricks AI connection setup, ability toggles, dispatcher availability and disabled actions. Use for connection/availability problems.
bricks-audit-design-systemAudit Bricks classes, variables, palettes and components, or carry out requested cleanup. Report-only audits do not authorize fixes.
bricks-breakpointsRead or change Bricks responsive breakpoint definitions. Use for breakpoint configuration, not ordinary element styling at an existing breakpoint.
bricks-browser-verifyInspect a Bricks page in a browser, compare it with a design or baseline, or verify a completed change. Inspection requests remain read-only.
bricks-child-theme-patternsSet up or debug a Bricks child theme, including asset loading and extension registration. Use for theme-level PHP/files, not ordinary Builder edits.
bricks-componentsCreate, edit, extract or remove Bricks components, including properties, variants, slots and nested instances.
bricks-custom-codeChoose or debug a Bricks custom-code surface: CSS, JavaScript, Code elements, echo tags or PHP hooks, with the relevant execution capabilities.
bricks-custom-controlsDefine or debug controls for a custom Bricks element: value shapes, CSS bindings, responsive values and conditional visibility.
bricks-custom-dynamic-data-providersAdd or debug custom Bricks dynamic-data tags in a child theme or plugin, including picker registration, rendering and loop context.
bricks-custom-elementsBuild or debug custom PHP Bricks elements, including registration, controls, rendering, assets and Builder updates.
bricks-custom-fontsUpload font files, create or rename Bricks font families, or edit weight/style faces. For applying an existing font across a site, use bricks-design-systems.
bricks-design-systemsChange fonts, typography, colors or spacing across a Bricks site, or author global classes, variables, palettes and theme styles. Choose native style ownership while preserving existing conventions; skip isolated element-only edits.
bricks-dynamic-dataChoose or debug Bricks dynamic-data tags, modifiers and post/loop context. Use for field bindings and expressions, not provider implementation.
bricks-element-conditionsCreate or debug Bricks element display conditions, including OR groups, AND items and dynamic comparisons.
bricks-element-schemasLook up Bricks runtime controls and value schemas before authoring element, global, page or template settings; use bundled schemas as fallback.
bricks-figma-to-bricksBuild or update Bricks content from a Figma frame, specification or token export. Preserve existing pages and shared resources when adding a section.
bricks-formsBuild or debug Bricks form fields, actions, validation, integrations and submissions without losing existing configuration.
bricks-global-queriesCreate, update or remove reusable Bricks queries and categories, preserving dependent loops and complete query settings.
bricks-headers-footersBuild or debug Bricks header/footer templates, including routing, sticky behavior, semantic landmarks and navigation.
bricks-hooks-referenceFind the correct Bricks PHP or frontend hook and its signature for an extension or debugging task.
bricks-html-css-to-bricksConvert HTML/CSS to native Bricks data when direct empty-page import does not fit, including existing-page insertion and resource reconciliation.
bricks-import-exportTransfer Bricks resources between sites with inspected packages, explicit item selection, conflict handling and recovery.
bricks-interactionsCreate or debug Bricks element interactions, including inherited class actions, targets, callbacks and frontend behavior.
bricks-maintenanceRun requested Bricks CSS regeneration or orphan-data inspection/cleanup, distinguishing diagnostics from destructive repair.
bricks-media-assetsFind, upload or wire Bricks media, document downloads and custom icons; preserve shared assets and choose appropriate image loading.
bricks-mega-menusCreate or edit Bricks navigation: WordPress menus, nested navigation and mega panels. Use the ordinary-menu path when no mega menu is needed.
bricks-naming-conventionsChoose names before creating or renaming Bricks shared classes, variables, components or templates; match the site’s existing convention.
bricks-nestable-elementsBuild or debug native Bricks Slider, Accordion, Tabs, Dropdown, Nav or Offcanvas element nesting and initialization.
bricks-performanceInvestigate measured Bricks loading or rendering performance problems and make scoped, evidence-based optimizations.
bricks-plan-from-briefTurn a broad or ambiguous Bricks page/site brief into an executable plan. Skip for a small, already identified edit.
bricks-popupsCreate or debug Bricks popup templates, placement conditions, opening triggers, frequency limits and close behavior.
bricks-quality-gateVerify broad, destructive, multi-resource or uncertain Bricks changes with adequate persisted-state and runtime evidence.
bricks-query-filtersBuild or debug Bricks Query Filters, including source fields, target query bindings, indexing and AJAX result states.
bricks-query-loopsBuild or debug Bricks post, term, user, API, Array or provider-backed query loops, including nesting, context and pagination.
bricks-role-permissionsRead or change Bricks builder capability definitions and role assignments; distinguish configured access from effective caller permissions.
bricks-seed-design-systemSeed a requested design-system foundation on a greenfield Bricks site. Extend an existing or partial system through bricks-design-systems.
bricks-settingsRead or change allow-listed Bricks global settings, preserving unrelated keys and respecting credential/code exclusions.
bricks-sidebarsRegister, rename, wire or remove Bricks custom WordPress sidebars, including widget-placement consequences.
bricks-site-auditAudit Bricks site data, references, templates and ability availability. Report scan coverage; runtime, accessibility and performance need separate evidence.
bricks-site-reproductionRebuild a selected live site/page design in Bricks while preserving the requested scope, native editability and existing target content.
bricks-skills-updateCheck or install a released Bricks skills-pack update when requested or when BRICKS_SKILLS_UPDATE_AVAILABLE is reported.
bricks-start-hereRoute broad, destructive or unidentified Bricks tasks, or a host explicitly announcing bricks.workspace/v1. Skip focused named-target edits with usable ability schemas.
bricks-templates-conditionsCreate or debug Bricks templates and their placement conditions, preview contexts and competing template matches.
bricks-woocommerceSet up or customize Bricks WooCommerce pages, templates and native elements, using reviewed setup plans and preserving existing store content.
Maintain bricks?
This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.