一个AI技能，用于一次性完成Bricks Builder设计，格式为JSON——英雄区块、完整着陆页、页眉/页脚、带多面筛选的查询循环、ACF驱动的布局、条件、动画和弹窗。每个设置键和值形状都经过Bricks 2.3.6主题源验证，非猜测。

里面是什么

安装与使用

仓库就是技能：一个 SKILL.md 路由器→按需引用/→粘贴就准备好的模式/。给任何AI工具有两种方式：

• 指向它 — 克隆仓库，然后将工具的指令/规则文件指向SKILL.md（按需路由到正确的引用）。
• 粘贴 — 在聊天中删除SKILL.md + 任务需要的那个引用。这些引用是自成体系的。

拿一次文件：

克劳德·科德

安装作为全局技能（每个项目中都有）：

Claude 会在你的请求看起来像 Bricks 任务时自动加载——只需询问即可。稍后更新时使用 git -C ~/.claude/skills/bricks pull。对于一个项目，只需在该项目内克隆到 .claude/skills/bricks/]——或者直接在仓库内运行 claude（其 CLAUDE.md 会自动路由）。

Claude.ai（网页与桌面）

Bricks Builder Skill

An AI skill for one-shotting Bricks Builder designs as JSON — hero sections, full landing pages, headers/footers, query loops with faceted filters, ACF-driven layouts, conditions, animations, and popups. Every settings key and value shape is verified against the Bricks 2.3.6 theme source, not guessed.

Want the agent to edit the live site, not just hand you JSON? Pair this skill with Site Agent, my free WordPress MCP plugin that runs Bricks’ own abilities on Bricks 2.4+. How it works.

What’s inside

bricks-skills/            ← the repo is the skill
├── SKILL.md              ← start here: workflow, rules, routing table
├── references/           ← 20 focused references (loaded on demand)
│   ├── json-formats.md       clipboard / template / postmeta formats + validation
│   ├── style-settings.md     every _setting + exact JSON value shapes
│   ├── elements.md           full element catalog + nestable structures
│   ├── layout-recipes.md     grids, heroes, cards, overlap, sticky, full pages
│   ├── query-loops.md        hasLoop + query JSON for posts/terms/users
│   ├── query-filters.md      live search, facets, sort, AJAX pagination
│   ├── dynamic-data.md       {tags}, filters, args, {echo:}
│   ├── acf-providers.md      ACF deep dive (repeaters, groups, flexible) + Meta Box etc.
│   ├── conditions.md         _conditions JSON (incl. dynamic data conditions)
│   ├── interactions.md       _interactions, full animation list, recipes
│   ├── popups.md             popup settings, triggers, limits, AJAX context
│   ├── templates.md          template types, conditions, header behaviors
│   ├── components-classes.md components, global classes/variables, palettes
│   ├── theme-styles.md       theme styles, breakpoints, CSS pipeline
│   ├── external-assets.md   reference remote images/video/SVG/icons by URL
│   └── forms / woocommerce / hooks / custom-elements / assets-permissions
└── patterns/              ← 17 validated, paste-ready JSON files (see INDEX.md)

Install & use

The repo is the skill: a SKILL.md router → on-demand references/ → paste-ready patterns/. Give it to any AI tool two ways:

• Point at it — clone the repo, then aim your tool’s instruction/rules file at SKILL.md (it routes to the right reference on demand).
• Paste it — drop SKILL.md + the one reference your task needs into the chat. The references are self-contained.

Grab the files once:

git clone https://github.com/wpgaurav/bricks-skills.git

Claude Code

Install as a global skill (available in every project):