MD

mekko-digital/bricks-builder-skills

Browser automation

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る

59 stars 品質 53 トレンド 17NOASSERTION

A Claude Code skill that gives Claude deep, verified knowledge of the Bricks Builder WordPress theme.

概要

A Claude Code skill that gives Claude deep, verified knowledge of the Bricks Builder WordPress theme. With this skill installed, Claude can read and write Bricks page JSON, register custom elements, configure theme styles and breakpoints, build forms and query loops, wire interactions and popups -- all using . LLMs hallucinate Bricks control keys (_bgColor instead of _background, padding instead of _padding, made-up animation names). This skill grounds every recommendation in the actual Bricks source, so you stop debugging settings that don't exist. Around of reference material, all extracted from Bricks 2.x source files. Verified, not generated. This skill does require any extra tooling.

README

以下は原文 README の抜粋です。原文を見る。

Bricks Builder Skill for Claude Code

A Claude Code skill that gives Claude deep, verified knowledge of the Bricks Builder WordPress theme. With this skill installed, Claude can read and write Bricks page JSON, register custom elements, configure theme styles and breakpoints, build forms and query loops, wire interactions and popups – all using the exact control keys, value shapes, and naming conventions Bricks actually uses in the database.

Why it exists. LLMs hallucinate Bricks control keys (_bgColor instead of _background, padding instead of _padding, made-up animation names). This skill grounds every recommendation in the actual Bricks source, so you stop debugging settings that don’t exist.

What’s inside

bricks-builder-skills/                    # repo root = a Claude Code plugin
+-- .claude-plugin/
|   +-- plugin.json                       # plugin manifest
|   +-- marketplace.json                  # marketplace entry (one-line install)
+-- skills/
    +-- bricks-builder-skills/
        +-- SKILL.md                      # entry point Claude loads automatically
        +-- references/
            +-- elements-catalog.md           # all 73 native elements + 39 control types
            +-- element-base-controls.md      # _typography, _padding, _background, etc.
            +-- containers-and-layout.md      # section/container/block/div, flex, grid, masonry
            +-- interactions-and-animations.md# triggers, actions, Animate.css names, GSAP pattern
            +-- responsive-breakpoints.md     # :breakpoint_key syntax, mobile-first, custom bps
            +-- theme-styles-and-globals.md   # theme styles, classes, variables, palettes, components
            +-- forms.md                      # every field type and action (mailchimp, webhook, --)
            +-- query-loop.md                 # post/term/user/woo/api queries, filters, pagination
            +-- conditions.md                 # show/hide logic, all condition keys + operators
            +-- dynamic-data.md               # {tag} syntax, ACF/MetaBox/JetEngine/Pods integration
            +-- popups-and-templates.md       # template types, assignment, popup config
            +-- custom-elements.md            # full child-theme element registration guide
            +-- db-schema.md                  # every BRICKS_DB_* constant + JSON shapes
            +-- novamira-verification.md      # live-WP verification recipes via Novamira MCP
            +-- quick-reference.md            # cheat sheet -- class names, helpers, JS globals

Around 3,500 lines of reference material, all extracted from Bricks 2.x source files. Verified, not generated.

Setup: the skill is tool-agnostic

GitHub で README 全文を見る

推奨ツール

別のキーワードを試すか、フィルタを外してください。

インストール

npx skillfish add mekko-digital/bricks-builder-skills
MCP 初心者?mcpskill.org のガイドから始めましょう →