claude

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.

58 on GitHubGPL-2.0updated 10 days ago
/

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-repository

    Handle complex existing-site Bricks edits through advertised repository/workspace workflows when focused abilities cannot express the change.

  • bricks-ai-tab

    Diagnose Bricks AI connection setup, ability toggles, dispatcher availability and disabled actions. Use for connection/availability problems.

  • bricks-audit-design-system

    Audit Bricks classes, variables, palettes and components, or carry out requested cleanup. Report-only audits do not authorize fixes.

  • bricks-breakpoints

    Read or change Bricks responsive breakpoint definitions. Use for breakpoint configuration, not ordinary element styling at an existing breakpoint.

  • bricks-browser-verify

    Inspect 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-patterns

    Set up or debug a Bricks child theme, including asset loading and extension registration. Use for theme-level PHP/files, not ordinary Builder edits.

  • bricks-components

    Create, edit, extract or remove Bricks components, including properties, variants, slots and nested instances.

  • bricks-custom-code

    Choose or debug a Bricks custom-code surface: CSS, JavaScript, Code elements, echo tags or PHP hooks, with the relevant execution capabilities.

  • bricks-custom-controls

    Define or debug controls for a custom Bricks element: value shapes, CSS bindings, responsive values and conditional visibility.

  • bricks-custom-dynamic-data-providers

    Add or debug custom Bricks dynamic-data tags in a child theme or plugin, including picker registration, rendering and loop context.

  • bricks-custom-elements

    Build or debug custom PHP Bricks elements, including registration, controls, rendering, assets and Builder updates.

  • bricks-custom-fonts

    Upload 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-systems

    Change 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-data

    Choose or debug Bricks dynamic-data tags, modifiers and post/loop context. Use for field bindings and expressions, not provider implementation.

  • bricks-element-conditions

    Create or debug Bricks element display conditions, including OR groups, AND items and dynamic comparisons.

  • bricks-element-schemas

    Look up Bricks runtime controls and value schemas before authoring element, global, page or template settings; use bundled schemas as fallback.

  • bricks-figma-to-bricks

    Build or update Bricks content from a Figma frame, specification or token export. Preserve existing pages and shared resources when adding a section.

  • bricks-forms

    Build or debug Bricks form fields, actions, validation, integrations and submissions without losing existing configuration.

  • bricks-global-queries

    Create, update or remove reusable Bricks queries and categories, preserving dependent loops and complete query settings.

  • bricks-headers-footers

    Build or debug Bricks header/footer templates, including routing, sticky behavior, semantic landmarks and navigation.

  • bricks-hooks-reference

    Find the correct Bricks PHP or frontend hook and its signature for an extension or debugging task.

  • bricks-html-css-to-bricks

    Convert HTML/CSS to native Bricks data when direct empty-page import does not fit, including existing-page insertion and resource reconciliation.

  • bricks-import-export

    Transfer Bricks resources between sites with inspected packages, explicit item selection, conflict handling and recovery.

  • bricks-interactions

    Create or debug Bricks element interactions, including inherited class actions, targets, callbacks and frontend behavior.

  • bricks-maintenance

    Run requested Bricks CSS regeneration or orphan-data inspection/cleanup, distinguishing diagnostics from destructive repair.

  • bricks-media-assets

    Find, upload or wire Bricks media, document downloads and custom icons; preserve shared assets and choose appropriate image loading.

  • bricks-mega-menus

    Create or edit Bricks navigation: WordPress menus, nested navigation and mega panels. Use the ordinary-menu path when no mega menu is needed.

  • bricks-naming-conventions

    Choose names before creating or renaming Bricks shared classes, variables, components or templates; match the site’s existing convention.

  • bricks-nestable-elements

    Build or debug native Bricks Slider, Accordion, Tabs, Dropdown, Nav or Offcanvas element nesting and initialization.

  • bricks-performance

    Investigate measured Bricks loading or rendering performance problems and make scoped, evidence-based optimizations.

  • bricks-plan-from-brief

    Turn a broad or ambiguous Bricks page/site brief into an executable plan. Skip for a small, already identified edit.

  • bricks-popups

    Create or debug Bricks popup templates, placement conditions, opening triggers, frequency limits and close behavior.

  • bricks-quality-gate

    Verify broad, destructive, multi-resource or uncertain Bricks changes with adequate persisted-state and runtime evidence.

  • bricks-query-filters

    Build or debug Bricks Query Filters, including source fields, target query bindings, indexing and AJAX result states.

  • bricks-query-loops

    Build or debug Bricks post, term, user, API, Array or provider-backed query loops, including nesting, context and pagination.

  • bricks-role-permissions

    Read or change Bricks builder capability definitions and role assignments; distinguish configured access from effective caller permissions.

  • bricks-seed-design-system

    Seed a requested design-system foundation on a greenfield Bricks site. Extend an existing or partial system through bricks-design-systems.

  • bricks-settings

    Read or change allow-listed Bricks global settings, preserving unrelated keys and respecting credential/code exclusions.

  • bricks-sidebars

    Register, rename, wire or remove Bricks custom WordPress sidebars, including widget-placement consequences.

  • bricks-site-audit

    Audit Bricks site data, references, templates and ability availability. Report scan coverage; runtime, accessibility and performance need separate evidence.

  • bricks-site-reproduction

    Rebuild a selected live site/page design in Bricks while preserving the requested scope, native editability and existing target content.

  • bricks-skills-update

    Check or install a released Bricks skills-pack update when requested or when BRICKS_SKILLS_UPDATE_AVAILABLE is reported.

  • bricks-start-here

    Route 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-conditions

    Create or debug Bricks templates and their placement conditions, preview contexts and competing template matches.

  • bricks-woocommerce

    Set up or customize Bricks WooCommerce pages, templates and native elements, using reviewed setup plans and preserving existing store content.

View source on GitHub

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.

claude & codex pluginslisted