section-builder

section-builder is an agent for Claude Code from a8cteam51/claude-code-plugins. It costs 64 tokens per session (5,183 once invoked), scanned A, original, MIT.

A worker that converts one design file section at a time into WordPress output and checks it against the original in a browser. WordPress output here means block markup stored in a template, reusable section, or page.

In plain words
What is it for?
Use it to build and refine individual page sections with WordPress blocks, shared styles, templates, and page content.
Why use it?
It breaks a large design conversion into controlled steps and avoids conflicts when several sections share the same theme files or database.

Agent for Claude Code

Written for Claude Code: effort in frontmatter. Also seen: model in frontmatter.

Runs only inside its plugin — its command needs a path that Claude Code sets for a plugin’s own hooks and for nothing else. Install the plugin, not this.

Part of the html-to-block-theme plugin — 2 skills, 2 agents shipped together

Good fit Use it to build and refine individual page sections with WordPress blocks, shared styles, templates, and page content.

Compare 6 agents from other repositories ↓
Install

Getting it into your agent

This one installs as part of its plugin. Adding the marketplace and installing the plugin brings it with everything else the plugin ships.

Claude Code
/plugin marketplace add a8cteam51/claude-code-plugins
Claude Code
/plugin install html-to-block-theme

Made for: Claude Code.

Or install html-to-block-theme, the plugin that ships this one along with the rest of its 2 skills, 2 agents.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for section-builder

README.md
[![agentmods](https://agentmods.dev/badge/agents/a8cteam51/claude-code-plugins/section-builder/github.svg)](https://agentmods.dev/agents/a8cteam51/claude-code-plugins/section-builder)
Your own site
<a href="https://agentmods.dev/agents/a8cteam51/claude-code-plugins/section-builder"><img src="https://agentmods.dev/badge/agents/a8cteam51/claude-code-plugins/section-builder/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for section-builder

Your own site · 80×15
<a href="https://agentmods.dev/agents/a8cteam51/claude-code-plugins/section-builder"><img src="https://agentmods.dev/badge/agents/a8cteam51/claude-code-plugins/section-builder.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 64 Only the description is in the session, so the agent can decide to use it. The body loads when it is invoked.
When invoked 5,183 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00064 $0.05183
Opus 5.5 $0.00026 $0.02073
Sonnet 5.5 $0.00013 $0.01037
Haiku 4.5 $0.00006 $0.00518

Measured 6d ago against content hash cd5d27f0fa01, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

section-builder scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 6d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

plugins/html-to-block-theme/agents/section-builder.md · 151 lines

How it starts

The opening of the file, as written. The whole thing — 151 lines — stays where its author put it; the contents beside it link to each section on GitHub.

You build and refine one view of a design as WordPress output: a page, a template, or the shared chrome. You run serially — the orchestrator dispatches one builder at a time because concurrent wp_insert_post/wp_update_post under SQLite corrupts data, and because builders share theme files (functions.php, theme.json, block CSS) and refine against the same live site. No other builder runs while you do.

The plugin's own directory is ${CLAUDE_PLUGIN_ROOT}. Where a guide writes <plugin-root>, it means this directory. The shell does not have it as a variable.

Inputs

The dispatching prompt gives the site path and your view: its name and its row of the target table. It may add something about the view that is in no file yet. When it says the view may be half built, read what exists before you write; when it says groundwork may be wrong, check that groundwork before you depend on it. Everything else is on disk, under <site-path>/.h2bt/. Read these before anything else:

  • blueprint.md, the build contract. Read its build notes first: they say what already exists and is checked, the authoring procedure earlier builders settled on, and what is out of scope. Your row of the target table says what your view becomes: the part and template files, or the page's title, slug, parent path, template slug and whether it is the front page. It also names the design file or files the view comes from and the report it uses. If the row leaves one of these open, that is a gap in the blueprint: build what does not depend on it and report it under todos.
  • run.json, the facts of the run: the design directory (design_dir); the site's address and WordPress version (site); the theme's directory (theme.dir); the widths to sweep and the narrowest width the design must hold (widths, narrowest); for a live site whether the original's defects are fixed or copied (defects); and in template mode the repository, the features mu-plugin directory, the PHP prefix and the text domains (template).
  • serve.json, where the original is served: url is the base URL (a design file is at <url><its path in the design directory>), harness the comparison harness, sink the directory the harness writes long results to. If the original does not load, run bash "${CLAUDE_PLUGIN_ROOT}/scripts/serve-html.sh" --ensure --site-path <site-path>, which brings the server back, and read the file again.
  • analysis/<name>.json, the analysis of your view, or of the view your row says it uses, and analysis/tokens.json. Their values are derived from stylesheets, not measured: measure before you rely on one.
  • media.json, the media manifest, when the blueprint routes images to the media library.

Template mode is on when run.json has a template entry. Read ${CLAUDE_PLUGIN_ROOT}/skills/html-to-block-theme/references/project-template-guide.md before building. It overrides where files go:

  • block CSS in assets/sass/blocks/<block>.scss, built to assets/css/blocks/<block>.css and registered in includes/block-styles.php against that built path, and written nested: one parent rule per block style, with its states, children, descendants and breakpoints inside it (block-styles-guide.md);
  • theme PHP in includes/<concern>.php;
  • theme JS as ES modules in assets/js/src/;
  • blocks from the blocks monorepo, installed or built during the foundation; only approved exclusions live in the features plugin;
  • nothing under the repository's tests/ directory: the conversion writes no tests, and removing a template example, with the tests its recipe names, is the orchestrator's step.

Read these three guides before building:

  • ${CLAUDE_PLUGIN_ROOT}/skills/html-to-block-theme/references/mapping-guide.md
  • ${CLAUDE_PLUGIN_ROOT}/skills/html-to-block-theme/references/standards.md
  • ${CLAUDE_PLUGIN_ROOT}/skills/html-to-block-theme/references/visual-refinement.md

Read block-styles-guide.md or custom-blocks-guide.md, in the same directory, if the blueprint says this view needs them.

Read the full file on GitHub · 151 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 6d ago Changed · +1 lines cd5d27f0fa01
  2. 21d ago Changed 1f284f270898
  3. 27d ago Changed 503b0f692091
  4. 29d ago Changed · +62 lines · -117 tokens per session 809d41bf2124
  5. 1mo ago Changed · +1 lines · +7 tokens per session d4885d17c0ab
  6. 1mo ago Changed · +6 lines 3aca07ac0c40
  7. 2mo ago First seen · 81 lines · 174 tokens per session scan A 3476c78b4d71

Subscribe to this mod's changes

section-builder is an agent published in the GitHub repository a8cteam51/claude-code-plugins (6 stars, last pushed 5d ago), licensed MIT. It adds 64 tokens to every session and 5,183 once invoked, about $0.0003 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.

Related

section-builder compared with agents from other repositories

section-builder next to 6 agents from other repositories
ModTypeStarsLast pushLicenceScanTokensWorks with
section-buildera8cteam51/claude-code-pluginsAgent65d agoMITA64Claude Code
ux-flow-auditorCharlesWiltgen/AxiomAgent1.3k3d agoMITA43Claude Code
canvas-create-screensmicrosoft/power-platform-skillsAgent1.1ktodayMITA24Claude Code
nw-ux-designernWave-ai/nWaveAgent6344d agoMITA31Claude Code
designRune-kit/runeAgent902mo agoMITA35Claude Code
mobile-ux-optimizerxbim08/awesome-claude-code-pluginsAgent101mo agoApache-2.0A0Claude Code
visual-reviewermukiwu/muki-ai-pluginsAgent7320d agononeA52Claude Code