JSON - 영웅 섹션, 전체 랜딩 페이지, 헤더/발러, 페이스트 필터, ACF 구동 레이아웃, 조건, 애니메이션, 팝업과 쿼리 루프를 갖춘 AI 기술. 모든 설정 키와 값 모양은 벽돌에 대해 확인 **2.3.6 ** 테마 소스, 추측하지.

내부는 무엇입니까?

설치 및 사용

repois 기술: SKILL.md 대패 → on-demand references/ → 풀ready 본. AI 도구 두 가지 방법 :

• ** 포인트 ** — 다시포를 복제, 다음 SKILL.md]에서 도구의 지시 / 루시 파일을 목표로 (그것은 수요에 올바른 참조로 경로). -Paste it — drop SKILL.md + 채팅에 작업이 필요합니다. 참고사항은 각자 포함합니다.

파일을 한 번 잡아:

Claude 코드

글로벌 기술로 설치 (모든 프로젝트에서 사용 가능):

Claude auto-loads it when your request looks like a Bricks task — 다만 묻는. 나중에 업데이트 git -C ~/.claude/skills/bricks pull. 프로젝트의 경우, 프로젝트 내부에 .claude/skills/bricks/]에 클론 - 또는 단순히 repo 내부에 [T4]] [T5]] 경로를 자동으로 실행합니다.

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):