Навык ИИ для односкатных конструкций Bricks Builder как JSON — секции героев, полные целевые страницы, заголовки / футеры, петли запросов с гранеными фильтрами, макеты, управляемые ACF, условия, анимация и всплывающие окна. Каждый ключ настроек и форма значения проверяются на основе источника темы Bricks 2.3.6, не догадываясь.

Что внутри

##Установка и использование

Репо *** - это навык: маршрутизатор SKILL.md → ссылки по требованию / → готовые к вставке шаблоны /. Дайте ему любой инструмент ИИ двумя способами:

Точка на нем — клонируйте РЕПО, затем направьте файл инструкций/правил инструмента на SKILL.md (он направляется к правильной ссылке по требованию). ** Вставьте его ** — перейдите SKILL.md + ссылка на вашу задачу в чате. Ссылки являются самодостаточными.

Возьмите файлы один раз:

###Клауд Код

Установите как глобальный навык (доступный в каждом проекте):

Клод автоматически загружает его всякий раз, когда ваш запрос выглядит как задача Брикса. Обновить позже 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):