New: 97,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Bricks

by wpgaurav in wpgaurav/bricks-skills

Author Bricks Builder (WordPress) layouts, templates, and full designs as paste-ready JSON.

No licenceAuto-check passed

Install Bricks

skills CLI
$ npx skills add wpgaurav/bricks-skills --skill bricks -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install wpgaurav/bricks-skills bricks --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
bricks
GitHub stars
140
Token cost
~2.1k tokens
SKILL.md length
769 words
Files
42 (incl. references)
Skills in repo
1
Repo updated
First seen
Licence
None found

At a glance

Author Bricks Builder (WordPress) layouts, templates, and full designs as paste-ready JSON.

  • Works in 6 steps: Clarify inputs first — settle two things… → Pick the format — clipboard paste vs… → Plan structure — semantic section →… → …
  • Any Bricks task — sections
  • SKILL.md covers Default Deliverable, Workflow, Format Quick Reference and Task Routing, plus 2 more sections
  • Calls python3

What it does

Bricks is an agent skill from wpgaurav/bricks-skills. Author Bricks Builder (WordPress) layouts, templates, and full designs as paste-ready JSON. Use for any Bricks task — sections, pages, headers/footers, query loops, ACF/dynamic data, faceted filters, conditions, interactions/animations, popups, WooCommerce templates, custom elements, or hooks. Verified against Bricks 2.3.6 source.

Its SKILL.md is about 2.1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 42 other files, including reference files (for example `CLAUDE.md`, `README.md` and `patterns/INDEX.md`).

It works with WordPress and WooCommerce. The repository describes itself as: Bricks Builder Skills to create better layouts with AI tools.

When your agent uses it

  • Any Bricks task — sections
  • Headers/footers
  • ACF/dynamic data
  • Faceted filters

Example prompts

  • “/bricks”

Requirements

  • Python 3

Workflow steps

6 steps, taken from the first numbered list in SKILL.md.

  1. Clarify inputs first — settle two things before writing JSON
  2. Pick the format — clipboard paste vs template import vs programmatic insert → references/json-formats.md
  3. Plan structure — semantic section → container → blocks tree; pick elements from the catalog → references/elements.md
  4. Style with settings — every _ style key and its exact value shape → references/style-settings.md
  5. Wire data — dynamic tags, query loops, filters as needed (see routing table)
  6. Validate — checklist below, then deliver

What it can do on your machine

Read from SKILL.md and the folder at commit 97c3608. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • python3

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Bricks loads about 2.1k tokens when it runs, and up to ~45k if it reads all its reference files. Until then it costs about 85 tokens; SKILL.md has 769 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~85
When it runs · the whole SKILL.md, loaded when a task matches
~2.1k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~45k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

Without a licence we can't republish the file, so here is its outline and opening line. It has 769 words (~2,058 tokens).

“Generate complete Bricks designs as JSON that pastes or imports cleanly on the first try.”

— opening of SKILL.md by wpgaurav
name
bricks

Read the full SKILL.md on GitHub

Files

SKILL.md and 41 other files (references) in the repository root of wpgaurav/bricks-skills.

  • SKILL.md
  • CLAUDE.md
  • README.md
  • patterns/INDEX.md
  • patterns/bem-card-grid.json
  • patterns/bem-hero.json
  • patterns/bem-pricing.json
  • patterns/blog-archive-filters.json
  • patterns/contact-section.json
  • patterns/cta-section.json
  • patterns/faq-accordion.json
  • patterns/feature-grid.json
  • patterns/footer-template.json
  • patterns/header-template.json
  • patterns/hero-centered.json
  • patterns/hero-split-image.json
  • patterns/logo-strip.json
  • patterns/popup-newsletter.json
  • patterns/pricing-table.json
  • patterns/team-grid-acf.json
  • … and 22 more

Open the folder on GitHubat commit 97c3608

Compare with similar skills

Bricks next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Bricks compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Bricks this skillwpgaurav/bricks-skills140—~2.1kAutomated safety check: PassNone
WooCommerce Code Reviewwoocommerce/woocommerce11k3 repos~1.1kAutomated safety check: PassCustom licence
WooCommerce Email Editor Developmentwoocommerce/woocommerce11k—~893Automated safety check: PassCustom licence
WooCommerce Dev Cyclewoocommerce/woocommerce11k3 repos~431Automated safety check: PassCustom licence
WooCommerce Code GuardamElnagdy/guard-skills1.3k—~2.2kAutomated safety check: PassMIT
WooCommerce Backend Conventionswoocommerce/woocommerce11k1 repos~614Automated safety check: PassCustom licence

Similar skills

  • WooCommerce Code Review

    woocommerce/woocommerce

    Reviews WooCommerce code changes against the project's standards, flagging backend PHP architecture, naming, documentation, data integrity and testing violations.

    11k GitHub starsUsed in 3 repos~1.1k tokens
    DevelopmentAuto-check passed

  • WooCommerce Email Editor Development

    woocommerce/woocommerce

    Sets up a local environment for the WooCommerce block email editor, with a watcher, Mailpit email capture and build and test commands for its PHP and JS packages.

    11k GitHub stars~893 tokensUpdated today
    Backend & APIsAuto-check passed

  • WooCommerce Dev Cycle

    woocommerce/woocommerce

    Workflow for WooCommerce development: run PHP and JavaScript tests, lint and fix code style on the current branch, and follow guides for i18n and markdown.

    11k GitHub starsUsed in 3 repos~431 tokens
    DevelopmentAuto-check passed

  • WooCommerce Code Guard

    amElnagdy/guard-skills

    Reviews generated or changed WooCommerce code for HPOS safety, CRUD use, checkout validation and money handling before it ships.

    1.3k GitHub stars~2.2k tokensUpdated 3 mo ago
    DevelopmentAuto-check passed

  • WooCommerce Backend Conventions

    woocommerce/woocommerce

    Guides agents writing or changing WooCommerce backend PHP so new classes, hooks and unit tests follow the project's conventions.

    11k GitHub starsUsed in 1 repo~614 tokens
    DevelopmentAuto-check passed

  • Auto Login

    woocommerce/woocommerce-ios

    Launch the WooCommerce app on a simulator already authenticated into a given store (site credentials, application password, or WPCom), skipping the manual login UI.

    358 GitHub stars~1.3k tokensUpdated today
    MobileAuto-check: notes

Works with

Questions about Bricks

What does Bricks do?

Author Bricks Builder (WordPress) layouts, templates, and full designs as paste-ready JSON. Bricks is an agent skill from wpgaurav/bricks-skills. Author Bricks Builder (WordPress) layouts, templates, and full designs as paste-ready JSON.

When should I use Bricks?

Bricks fits situations like: any Bricks task — sections; headers/footers; ACF/dynamic data; faceted filters.

How do I install Bricks in Claude Code?

Run `npx skills add wpgaurav/bricks-skills --skill bricks -a claude-code`. Or copy the skill folder (the wpgaurav/bricks-skills repository) into .claude/skills/bricks in your project. Claude Code loads it when a task matches its description.

How do I install Bricks in Codex?

Run `npx skills add wpgaurav/bricks-skills --skill bricks -a codex`. Or copy the skill folder (the wpgaurav/bricks-skills repository) into .agents/skills/bricks in your project. Codex loads it when a task matches its description.

Can I use Bricks in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add wpgaurav/bricks-skills --skill bricks -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/bricks, .gemini/skills/bricks, .github/skills/bricks and .opencode/skills/bricks in your project.

What does Bricks need to run?

Going by SKILL.md and its folder, Bricks needs the command-line tools its instructions call (python3). Our summary lists: Python 3.

Does Bricks access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Bricks safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Bricks use?

No licence was found for Bricks or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.

How many tokens does Bricks use?

About 2.1k tokens (SKILL.md is roughly 8.2k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 43k tokens, read only when the agent opens those files.

What are the alternatives to Bricks?

Skills that share tags, products or a category with Bricks: WooCommerce Code Review (woocommerce/woocommerce, 11k stars), WooCommerce Email Editor Development (woocommerce/woocommerce, 11k stars), WooCommerce Dev Cycle (woocommerce/woocommerce, 11k stars) and WooCommerce Code Guard (amElnagdy/guard-skills, 1.3k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Bricks?

wpgaurav (a GitHub user) maintains it in wpgaurav/bricks-skills, which has 140 GitHub stars. The repository was last updated on October 6, 2026.

Source: wpgaurav/bricks-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.