JSON — ヒーローセクション、フルランディングページ、ヘッダ/フッター、ファセットフィルタ付きクエリループ、ACF主導レイアウト、条件、アニメーション、ポップアップ。 すべての設定キーと値の形状は、Bricks 2.3.6のテーマソースに対して検証されます。

内なるもの

インストールと使用

repo ** は、スキル: SKILL.md ルータ → オンデマンド参照/ → ペーストレディパターン/. すべてのAIツールに2つの方法を与える:

• その点 — リポをクローンし、[SKILL.md]でツールの指示/ルールファイルを目的とします。(それは要求の正しい参照にルーティングします)。 -Paste it — [SKILL.mdをドロップダウン + タスクがチャットに必要とするものを参照してください。 参照は自己完結します。

ファイルを一度に書き込む:

##Claudeコード

グローバルスキルとしてインストールする(プロジェクトごとに利用可能)

リクエストが Bricks タスクのように見えるとき、Claude オートロードを自動ロードします。 [git -C ~/.claude/skills/bricks pullで後で更新します。 1つのプロジェクトのみのために、そのプロジェクト内の[.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):