[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-automattic-rebuild-section":3,"mdc--o3fevg-key":36,"related-org-automattic-rebuild-section":807,"related-repo-automattic-rebuild-section":991},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":25,"repoUrl":26,"updatedAt":27,"license":28,"forks":29,"topics":30,"repo":31,"sourceUrl":34,"mdContent":35},"rebuild-section","rebuild divergent sections into WordPress blocks","R4a of the design-qa escalation ladder — rebuild ONE divergent section into canonical, editable WordPress core blocks from its source HTML, screenshots, spec, and design tokens, when R1–R3 (CSS \u002F spec-rebuild \u002F re-extract) could not reach visual parity. Dispatched as a subagent by design-qa; not user-invocable. Output ships ONLY if it re-scores `match` and survives canonicalization with no content loss — otherwise the loop falls to the R4b styled-island floor.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},"automattic","Automattic","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fautomattic.png",[12,16,19,22],{"name":13,"slug":14,"type":15},"WordPress","wordpress","tag",{"name":17,"slug":18,"type":15},"Migration","migration",{"name":20,"slug":21,"type":15},"Block Editor","block-editor",{"name":23,"slug":24,"type":15},"Design","design",31,"https:\u002F\u002Fgithub.com\u002FAutomattic\u002Fdata-liberation-agent","2026-06-08T08:17:38.128755",null,1,[],{"repoUrl":26,"stars":25,"forks":29,"topics":32,"description":33},[],"Extract content from closed web platforms into WordPress-compatible WXR files.","https:\u002F\u002Fgithub.com\u002FAutomattic\u002Fdata-liberation-agent\u002Ftree\u002FHEAD\u002Fskills\u002Frebuild-section","---\nname: rebuild-section\ndescription: R4a of the design-qa escalation ladder — rebuild ONE divergent section into canonical, editable WordPress core blocks from its source HTML, screenshots, spec, and design tokens, when R1–R3 (CSS \u002F spec-rebuild \u002F re-extract) could not reach visual parity. Dispatched as a subagent by design-qa; not user-invocable. Output ships ONLY if it re-scores `match` and survives canonicalization with no content loss — otherwise the loop falls to the R4b styled-island floor.\ndisable-model-invocation: true\n---\n\n## When to use me\n\nYou are a subagent dispatched by `design-qa` for **one** section that is still\n`divergent` after R1 (theme\u002FCSS), R2 (rebuild block markup from spec), and R3 (re-extract\nspec). Your job is **R4a**: author native WordPress **core blocks** that reproduce this\nsection's layout and content faithfully, from richer inputs than R2 had (the source HTML and\nthe rendered screenshots, not just the spec).\n\nDo **not** use me to invent content, to redesign, or to \"improve\" the section. Reproduce the\nsource. If you cannot reach `match` within the gates below, say so plainly and return your\nbest attempt — the orchestrator falls to **R4b** (a deterministic styled-island floor),\nwhich is the correct outcome, not a failure on your part.\n\n## Inputs the orchestrator gives you\n\n- The section's `SectionParity` record — **which signals tripped** (`section-dropped`,\n  `bg-color`, `column-flatten`, `media-dropped`, `unstyled-island`) and the evidence samples.\n  These tell you exactly what is wrong; fix those, don't guess.\n- The section's **source HTML** and its **`styledHtml`** (computed-style-inlined snapshot) —\n  the ground truth for layout and content.\n- **Source and replica section screenshots** (cropped to the band) — what it should look like\n  vs. what shipped.\n- The **`SectionSpec`** (headings, body, cells, images, `columnCount`, `backgroundColor`).\n- **`design-foundation.json`** tokens (color \u002F typography \u002F spacing roles) — use these so the\n  output is on-theme, not hardcoded values.\n- `studioSitePath` (e.g. `~\u002FStudio\u002Fexample-com`) + `themeSlug` — locate the installed theme so the variation inventory (`styles\u002Fblocks\u002F*.json`) can be listed; the dispatching orchestrator passes both.\n\n## What to produce\n\nNative WordPress block markup reproducing the section: `core\u002Fcolumns` + `core\u002Fcolumn` for\nmulti-column bands, `core\u002Fgroup` for backgrounds\u002Fspacing, `core\u002Fheading`, `core\u002Fparagraph`,\n`core\u002Fimage`, `core\u002Fbuttons`\u002F`core\u002Fbutton`, `core\u002Flist`, etc.\n\n**Canonicalization constraint (hard):** sizing and styling MUST survive\n`@wordpress\u002Fblocks` serialize→parse. Use **core block attributes and class names**\n(`align`, `width`, `style.spacing`, `backgroundColor`\u002F`textColor` token slugs, `layout`)\n— **never inline `\u003Cfigure style=\"...\">` or ad-hoc inline styles on block wrappers**, which\nthe canonicalizer strips ([[project_block_fixer_canonicalization_constraint]]). When a value\nmaps to a `design-foundation` token, reference the token slug, not a raw hex\u002Fpx.\n\n**Styling decisions:** follow `skills\u002Freplicate-with-blocks\u002Fstyling-priority.md` — the preset→patch→instance→variation→layout→CSS cascade, the structured-props cheat sheet, and the hard bans (no raw style=\"\" attrs, no invented className CSS hooks). Native blocks only; core\u002Fhtml islands are exempt.\n\n**Existing block style variations — inventory first.** Before emitting ANY new style, list `\u003CstudioSitePath>\u002Fwp-content\u002Fthemes\u002F\u003CthemeSlug>\u002Fstyles\u002Fblocks\u002F*.json`. Each file is a registered variation (`slug`, `title`, `blockTypes`, `styles`). When one matches what the section needs, REUSE it: apply `is-style-\u003Cslug>` on the block. NEVER redeclare an existing slug, never invent an `is-style-*` class with no backing file. New variations follow styling-priority.md option 5 (recurring + nameable only) and are written as a new `styles\u002Fblocks\u002F\u003Cslug>.json` file (slug `lib-` prefixed) plus the class on each claiming block.\n\n**Preserve ALL source content** — every heading, paragraph, list item, button label, and\nimage in the source section must appear in your output. Do not truncate, dedupe, or drop\n([[feedback_never_lose_source_content]]). If the source shows a heading and an identical\nparagraph, reproduce both.\n\n## Acceptance gates — your output ships ONLY if ALL pass\n\nThe orchestrator runs these after you return. Author with them in mind; you **cannot\nself-accept** — acceptance is the measured re-score, not your assertion.\n\n1. **Block-markup oracle** — the markup parses cleanly via the WordPress block parser\n   (`liberate_validate_artifacts`). No malformed blocks, no injection vectors.\n2. **Canonicalization round-trip** — survives `@wordpress\u002Fblocks` serialize→parse with no\n   attribute\u002Fclass loss (the block-fixer check). If a style would be stripped, you used the\n   wrong mechanism — move it to a core attribute\u002FclassName.\n3. **Re-measured `section-parity` = `match`** — after reinstall + re-capture, all five robust\n   signals clear: section present, `bgDeltaE ≤ 10`, `columnCountMatch`, media present, not an\n   unstyled island. A `3 → 1` column collapse, a wrong background, or a dropped image FAILS.\n4. **Content coverage = no loss** (`measureSectionCoverage`) — every captured text item and\n   image is present in your markup.\n\nIf any gate fails, the rung fails and the loop falls to **R4b**. That is a valid, faithful\nfloor (the styled island renders pixel-accurate, just not block-editable) — never argue a\nfailed rebuild into a pass, and never ship a flatten or an unstyled island as a \"known gap\"\n([[feedback_honest_visual_assessment]], [[project_faithful_recreation_enforcement]]).\n\n## Method\n\n1. Read the divergence reasons first — they scope the fix.\n2. Read the `styledHtml` to recover the true layout (column count, alignment, backgrounds)\n   and the source HTML for the exact content and structure.\n3. Map the layout to core blocks: a row of N cards → `core\u002Fcolumns` with N `core\u002Fcolumn`;\n   a text-over-photo band → `core\u002Fcover`; a media-beside-text → `core\u002Fcolumns` (one column\n   image, one text). Match the **source** column count exactly.\n4. Resolve colors\u002Ffonts\u002Fspacing to `design-foundation` token slugs.\n5. Return the block markup. The orchestrator reinstalls, re-captures, and re-scores.\n\n## Stay generic\n\nDerive everything from the inputs for THIS section. Never hardcode a site's colors,\nfilenames, copy, or section order ([[feedback_scripts_must_be_site_agnostic]]). The same\nskill must rebuild any platform's bespoke section.\n",{"data":37,"body":39},{"name":4,"description":6,"disable-model-invocation":38},true,{"type":40,"children":41},"root",[42,51,96,123,129,304,310,383,474,492,571,581,587,599,701,712,718,796,802],{"type":43,"tag":44,"props":45,"children":47},"element","h2",{"id":46},"when-to-use-me",[48],{"type":49,"value":50},"text","When to use me",{"type":43,"tag":52,"props":53,"children":54},"p",{},[55,57,64,66,72,74,80,82,87,89,94],{"type":49,"value":56},"You are a subagent dispatched by ",{"type":43,"tag":58,"props":59,"children":61},"code",{"className":60},[],[62],{"type":49,"value":63},"design-qa",{"type":49,"value":65}," for ",{"type":43,"tag":67,"props":68,"children":69},"strong",{},[70],{"type":49,"value":71},"one",{"type":49,"value":73}," section that is still\n",{"type":43,"tag":58,"props":75,"children":77},{"className":76},[],[78],{"type":49,"value":79},"divergent",{"type":49,"value":81}," after R1 (theme\u002FCSS), R2 (rebuild block markup from spec), and R3 (re-extract\nspec). Your job is ",{"type":43,"tag":67,"props":83,"children":84},{},[85],{"type":49,"value":86},"R4a",{"type":49,"value":88},": author native WordPress ",{"type":43,"tag":67,"props":90,"children":91},{},[92],{"type":49,"value":93},"core blocks",{"type":49,"value":95}," that reproduce this\nsection's layout and content faithfully, from richer inputs than R2 had (the source HTML and\nthe rendered screenshots, not just the spec).",{"type":43,"tag":52,"props":97,"children":98},{},[99,101,106,108,114,116,121],{"type":49,"value":100},"Do ",{"type":43,"tag":67,"props":102,"children":103},{},[104],{"type":49,"value":105},"not",{"type":49,"value":107}," use me to invent content, to redesign, or to \"improve\" the section. Reproduce the\nsource. If you cannot reach ",{"type":43,"tag":58,"props":109,"children":111},{"className":110},[],[112],{"type":49,"value":113},"match",{"type":49,"value":115}," within the gates below, say so plainly and return your\nbest attempt — the orchestrator falls to ",{"type":43,"tag":67,"props":117,"children":118},{},[119],{"type":49,"value":120},"R4b",{"type":49,"value":122}," (a deterministic styled-island floor),\nwhich is the correct outcome, not a failure on your part.",{"type":43,"tag":44,"props":124,"children":126},{"id":125},"inputs-the-orchestrator-gives-you",[127],{"type":49,"value":128},"Inputs the orchestrator gives you",{"type":43,"tag":130,"props":131,"children":132},"ul",{},[133,192,214,224,255,269],{"type":43,"tag":134,"props":135,"children":136},"li",{},[137,139,145,147,152,154,160,162,168,170,176,177,183,184,190],{"type":49,"value":138},"The section's ",{"type":43,"tag":58,"props":140,"children":142},{"className":141},[],[143],{"type":49,"value":144},"SectionParity",{"type":49,"value":146}," record — ",{"type":43,"tag":67,"props":148,"children":149},{},[150],{"type":49,"value":151},"which signals tripped",{"type":49,"value":153}," (",{"type":43,"tag":58,"props":155,"children":157},{"className":156},[],[158],{"type":49,"value":159},"section-dropped",{"type":49,"value":161},",\n",{"type":43,"tag":58,"props":163,"children":165},{"className":164},[],[166],{"type":49,"value":167},"bg-color",{"type":49,"value":169},", ",{"type":43,"tag":58,"props":171,"children":173},{"className":172},[],[174],{"type":49,"value":175},"column-flatten",{"type":49,"value":169},{"type":43,"tag":58,"props":178,"children":180},{"className":179},[],[181],{"type":49,"value":182},"media-dropped",{"type":49,"value":169},{"type":43,"tag":58,"props":185,"children":187},{"className":186},[],[188],{"type":49,"value":189},"unstyled-island",{"type":49,"value":191},") and the evidence samples.\nThese tell you exactly what is wrong; fix those, don't guess.",{"type":43,"tag":134,"props":193,"children":194},{},[195,196,201,203,212],{"type":49,"value":138},{"type":43,"tag":67,"props":197,"children":198},{},[199],{"type":49,"value":200},"source HTML",{"type":49,"value":202}," and its ",{"type":43,"tag":67,"props":204,"children":205},{},[206],{"type":43,"tag":58,"props":207,"children":209},{"className":208},[],[210],{"type":49,"value":211},"styledHtml",{"type":49,"value":213}," (computed-style-inlined snapshot) —\nthe ground truth for layout and content.",{"type":43,"tag":134,"props":215,"children":216},{},[217,222],{"type":43,"tag":67,"props":218,"children":219},{},[220],{"type":49,"value":221},"Source and replica section screenshots",{"type":49,"value":223}," (cropped to the band) — what it should look like\nvs. what shipped.",{"type":43,"tag":134,"props":225,"children":226},{},[227,229,238,240,246,247,253],{"type":49,"value":228},"The ",{"type":43,"tag":67,"props":230,"children":231},{},[232],{"type":43,"tag":58,"props":233,"children":235},{"className":234},[],[236],{"type":49,"value":237},"SectionSpec",{"type":49,"value":239}," (headings, body, cells, images, ",{"type":43,"tag":58,"props":241,"children":243},{"className":242},[],[244],{"type":49,"value":245},"columnCount",{"type":49,"value":169},{"type":43,"tag":58,"props":248,"children":250},{"className":249},[],[251],{"type":49,"value":252},"backgroundColor",{"type":49,"value":254},").",{"type":43,"tag":134,"props":256,"children":257},{},[258,267],{"type":43,"tag":67,"props":259,"children":260},{},[261],{"type":43,"tag":58,"props":262,"children":264},{"className":263},[],[265],{"type":49,"value":266},"design-foundation.json",{"type":49,"value":268}," tokens (color \u002F typography \u002F spacing roles) — use these so the\noutput is on-theme, not hardcoded values.",{"type":43,"tag":134,"props":270,"children":271},{},[272,278,280,286,288,294,296,302],{"type":43,"tag":58,"props":273,"children":275},{"className":274},[],[276],{"type":49,"value":277},"studioSitePath",{"type":49,"value":279}," (e.g. ",{"type":43,"tag":58,"props":281,"children":283},{"className":282},[],[284],{"type":49,"value":285},"~\u002FStudio\u002Fexample-com",{"type":49,"value":287},") + ",{"type":43,"tag":58,"props":289,"children":291},{"className":290},[],[292],{"type":49,"value":293},"themeSlug",{"type":49,"value":295}," — locate the installed theme so the variation inventory (",{"type":43,"tag":58,"props":297,"children":299},{"className":298},[],[300],{"type":49,"value":301},"styles\u002Fblocks\u002F*.json",{"type":49,"value":303},") can be listed; the dispatching orchestrator passes both.",{"type":43,"tag":44,"props":305,"children":307},{"id":306},"what-to-produce",[308],{"type":49,"value":309},"What to produce",{"type":43,"tag":52,"props":311,"children":312},{},[313,315,321,323,329,331,337,339,345,346,352,353,359,360,366,368,374,375,381],{"type":49,"value":314},"Native WordPress block markup reproducing the section: ",{"type":43,"tag":58,"props":316,"children":318},{"className":317},[],[319],{"type":49,"value":320},"core\u002Fcolumns",{"type":49,"value":322}," + ",{"type":43,"tag":58,"props":324,"children":326},{"className":325},[],[327],{"type":49,"value":328},"core\u002Fcolumn",{"type":49,"value":330}," for\nmulti-column bands, ",{"type":43,"tag":58,"props":332,"children":334},{"className":333},[],[335],{"type":49,"value":336},"core\u002Fgroup",{"type":49,"value":338}," for backgrounds\u002Fspacing, ",{"type":43,"tag":58,"props":340,"children":342},{"className":341},[],[343],{"type":49,"value":344},"core\u002Fheading",{"type":49,"value":169},{"type":43,"tag":58,"props":347,"children":349},{"className":348},[],[350],{"type":49,"value":351},"core\u002Fparagraph",{"type":49,"value":161},{"type":43,"tag":58,"props":354,"children":356},{"className":355},[],[357],{"type":49,"value":358},"core\u002Fimage",{"type":49,"value":169},{"type":43,"tag":58,"props":361,"children":363},{"className":362},[],[364],{"type":49,"value":365},"core\u002Fbuttons",{"type":49,"value":367},"\u002F",{"type":43,"tag":58,"props":369,"children":371},{"className":370},[],[372],{"type":49,"value":373},"core\u002Fbutton",{"type":49,"value":169},{"type":43,"tag":58,"props":376,"children":378},{"className":377},[],[379],{"type":49,"value":380},"core\u002Flist",{"type":49,"value":382},", etc.",{"type":43,"tag":52,"props":384,"children":385},{},[386,391,393,399,401,406,408,414,415,421,422,428,429,434,435,441,443,449,451,464,466,472],{"type":43,"tag":67,"props":387,"children":388},{},[389],{"type":49,"value":390},"Canonicalization constraint (hard):",{"type":49,"value":392}," sizing and styling MUST survive\n",{"type":43,"tag":58,"props":394,"children":396},{"className":395},[],[397],{"type":49,"value":398},"@wordpress\u002Fblocks",{"type":49,"value":400}," serialize→parse. Use ",{"type":43,"tag":67,"props":402,"children":403},{},[404],{"type":49,"value":405},"core block attributes and class names",{"type":49,"value":407},"\n(",{"type":43,"tag":58,"props":409,"children":411},{"className":410},[],[412],{"type":49,"value":413},"align",{"type":49,"value":169},{"type":43,"tag":58,"props":416,"children":418},{"className":417},[],[419],{"type":49,"value":420},"width",{"type":49,"value":169},{"type":43,"tag":58,"props":423,"children":425},{"className":424},[],[426],{"type":49,"value":427},"style.spacing",{"type":49,"value":169},{"type":43,"tag":58,"props":430,"children":432},{"className":431},[],[433],{"type":49,"value":252},{"type":49,"value":367},{"type":43,"tag":58,"props":436,"children":438},{"className":437},[],[439],{"type":49,"value":440},"textColor",{"type":49,"value":442}," token slugs, ",{"type":43,"tag":58,"props":444,"children":446},{"className":445},[],[447],{"type":49,"value":448},"layout",{"type":49,"value":450},")\n— ",{"type":43,"tag":67,"props":452,"children":453},{},[454,456,462],{"type":49,"value":455},"never inline ",{"type":43,"tag":58,"props":457,"children":459},{"className":458},[],[460],{"type":49,"value":461},"\u003Cfigure style=\"...\">",{"type":49,"value":463}," or ad-hoc inline styles on block wrappers",{"type":49,"value":465},", which\nthe canonicalizer strips ([[project_block_fixer_canonicalization_constraint]]). When a value\nmaps to a ",{"type":43,"tag":58,"props":467,"children":469},{"className":468},[],[470],{"type":49,"value":471},"design-foundation",{"type":49,"value":473}," token, reference the token slug, not a raw hex\u002Fpx.",{"type":43,"tag":52,"props":475,"children":476},{},[477,482,484,490],{"type":43,"tag":67,"props":478,"children":479},{},[480],{"type":49,"value":481},"Styling decisions:",{"type":49,"value":483}," follow ",{"type":43,"tag":58,"props":485,"children":487},{"className":486},[],[488],{"type":49,"value":489},"skills\u002Freplicate-with-blocks\u002Fstyling-priority.md",{"type":49,"value":491}," — the preset→patch→instance→variation→layout→CSS cascade, the structured-props cheat sheet, and the hard bans (no raw style=\"\" attrs, no invented className CSS hooks). Native blocks only; core\u002Fhtml islands are exempt.",{"type":43,"tag":52,"props":493,"children":494},{},[495,500,502,508,510,516,517,523,524,530,531,537,539,545,547,553,555,561,563,569],{"type":43,"tag":67,"props":496,"children":497},{},[498],{"type":49,"value":499},"Existing block style variations — inventory first.",{"type":49,"value":501}," Before emitting ANY new style, list ",{"type":43,"tag":58,"props":503,"children":505},{"className":504},[],[506],{"type":49,"value":507},"\u003CstudioSitePath>\u002Fwp-content\u002Fthemes\u002F\u003CthemeSlug>\u002Fstyles\u002Fblocks\u002F*.json",{"type":49,"value":509},". Each file is a registered variation (",{"type":43,"tag":58,"props":511,"children":513},{"className":512},[],[514],{"type":49,"value":515},"slug",{"type":49,"value":169},{"type":43,"tag":58,"props":518,"children":520},{"className":519},[],[521],{"type":49,"value":522},"title",{"type":49,"value":169},{"type":43,"tag":58,"props":525,"children":527},{"className":526},[],[528],{"type":49,"value":529},"blockTypes",{"type":49,"value":169},{"type":43,"tag":58,"props":532,"children":534},{"className":533},[],[535],{"type":49,"value":536},"styles",{"type":49,"value":538},"). When one matches what the section needs, REUSE it: apply ",{"type":43,"tag":58,"props":540,"children":542},{"className":541},[],[543],{"type":49,"value":544},"is-style-\u003Cslug>",{"type":49,"value":546}," on the block. NEVER redeclare an existing slug, never invent an ",{"type":43,"tag":58,"props":548,"children":550},{"className":549},[],[551],{"type":49,"value":552},"is-style-*",{"type":49,"value":554}," class with no backing file. New variations follow styling-priority.md option 5 (recurring + nameable only) and are written as a new ",{"type":43,"tag":58,"props":556,"children":558},{"className":557},[],[559],{"type":49,"value":560},"styles\u002Fblocks\u002F\u003Cslug>.json",{"type":49,"value":562}," file (slug ",{"type":43,"tag":58,"props":564,"children":566},{"className":565},[],[567],{"type":49,"value":568},"lib-",{"type":49,"value":570}," prefixed) plus the class on each claiming block.",{"type":43,"tag":52,"props":572,"children":573},{},[574,579],{"type":43,"tag":67,"props":575,"children":576},{},[577],{"type":49,"value":578},"Preserve ALL source content",{"type":49,"value":580}," — every heading, paragraph, list item, button label, and\nimage in the source section must appear in your output. Do not truncate, dedupe, or drop\n([[feedback_never_lose_source_content]]). If the source shows a heading and an identical\nparagraph, reproduce both.",{"type":43,"tag":44,"props":582,"children":584},{"id":583},"acceptance-gates-your-output-ships-only-if-all-pass",[585],{"type":49,"value":586},"Acceptance gates — your output ships ONLY if ALL pass",{"type":43,"tag":52,"props":588,"children":589},{},[590,592,597],{"type":49,"value":591},"The orchestrator runs these after you return. Author with them in mind; you ",{"type":43,"tag":67,"props":593,"children":594},{},[595],{"type":49,"value":596},"cannot\nself-accept",{"type":49,"value":598}," — acceptance is the measured re-score, not your assertion.",{"type":43,"tag":600,"props":601,"children":602},"ol",{},[603,621,638,684],{"type":43,"tag":134,"props":604,"children":605},{},[606,611,613,619],{"type":43,"tag":67,"props":607,"children":608},{},[609],{"type":49,"value":610},"Block-markup oracle",{"type":49,"value":612}," — the markup parses cleanly via the WordPress block parser\n(",{"type":43,"tag":58,"props":614,"children":616},{"className":615},[],[617],{"type":49,"value":618},"liberate_validate_artifacts",{"type":49,"value":620},"). No malformed blocks, no injection vectors.",{"type":43,"tag":134,"props":622,"children":623},{},[624,629,631,636],{"type":43,"tag":67,"props":625,"children":626},{},[627],{"type":49,"value":628},"Canonicalization round-trip",{"type":49,"value":630}," — survives ",{"type":43,"tag":58,"props":632,"children":634},{"className":633},[],[635],{"type":49,"value":398},{"type":49,"value":637}," serialize→parse with no\nattribute\u002Fclass loss (the block-fixer check). If a style would be stripped, you used the\nwrong mechanism — move it to a core attribute\u002FclassName.",{"type":43,"tag":134,"props":639,"children":640},{},[641,659,661,667,668,674,676,682],{"type":43,"tag":67,"props":642,"children":643},{},[644,646,652,654],{"type":49,"value":645},"Re-measured ",{"type":43,"tag":58,"props":647,"children":649},{"className":648},[],[650],{"type":49,"value":651},"section-parity",{"type":49,"value":653}," = ",{"type":43,"tag":58,"props":655,"children":657},{"className":656},[],[658],{"type":49,"value":113},{"type":49,"value":660}," — after reinstall + re-capture, all five robust\nsignals clear: section present, ",{"type":43,"tag":58,"props":662,"children":664},{"className":663},[],[665],{"type":49,"value":666},"bgDeltaE ≤ 10",{"type":49,"value":169},{"type":43,"tag":58,"props":669,"children":671},{"className":670},[],[672],{"type":49,"value":673},"columnCountMatch",{"type":49,"value":675},", media present, not an\nunstyled island. A ",{"type":43,"tag":58,"props":677,"children":679},{"className":678},[],[680],{"type":49,"value":681},"3 → 1",{"type":49,"value":683}," column collapse, a wrong background, or a dropped image FAILS.",{"type":43,"tag":134,"props":685,"children":686},{},[687,692,693,699],{"type":43,"tag":67,"props":688,"children":689},{},[690],{"type":49,"value":691},"Content coverage = no loss",{"type":49,"value":153},{"type":43,"tag":58,"props":694,"children":696},{"className":695},[],[697],{"type":49,"value":698},"measureSectionCoverage",{"type":49,"value":700},") — every captured text item and\nimage is present in your markup.",{"type":43,"tag":52,"props":702,"children":703},{},[704,706,710],{"type":49,"value":705},"If any gate fails, the rung fails and the loop falls to ",{"type":43,"tag":67,"props":707,"children":708},{},[709],{"type":49,"value":120},{"type":49,"value":711},". That is a valid, faithful\nfloor (the styled island renders pixel-accurate, just not block-editable) — never argue a\nfailed rebuild into a pass, and never ship a flatten or an unstyled island as a \"known gap\"\n([[feedback_honest_visual_assessment]], [[project_faithful_recreation_enforcement]]).",{"type":43,"tag":44,"props":713,"children":715},{"id":714},"method",[716],{"type":49,"value":717},"Method",{"type":43,"tag":600,"props":719,"children":720},{},[721,726,738,779,791],{"type":43,"tag":134,"props":722,"children":723},{},[724],{"type":49,"value":725},"Read the divergence reasons first — they scope the fix.",{"type":43,"tag":134,"props":727,"children":728},{},[729,731,736],{"type":49,"value":730},"Read the ",{"type":43,"tag":58,"props":732,"children":734},{"className":733},[],[735],{"type":49,"value":211},{"type":49,"value":737}," to recover the true layout (column count, alignment, backgrounds)\nand the source HTML for the exact content and structure.",{"type":43,"tag":134,"props":739,"children":740},{},[741,743,748,750,755,757,763,765,770,772,777],{"type":49,"value":742},"Map the layout to core blocks: a row of N cards → ",{"type":43,"tag":58,"props":744,"children":746},{"className":745},[],[747],{"type":49,"value":320},{"type":49,"value":749}," with N ",{"type":43,"tag":58,"props":751,"children":753},{"className":752},[],[754],{"type":49,"value":328},{"type":49,"value":756},";\na text-over-photo band → ",{"type":43,"tag":58,"props":758,"children":760},{"className":759},[],[761],{"type":49,"value":762},"core\u002Fcover",{"type":49,"value":764},"; a media-beside-text → ",{"type":43,"tag":58,"props":766,"children":768},{"className":767},[],[769],{"type":49,"value":320},{"type":49,"value":771}," (one column\nimage, one text). Match the ",{"type":43,"tag":67,"props":773,"children":774},{},[775],{"type":49,"value":776},"source",{"type":49,"value":778}," column count exactly.",{"type":43,"tag":134,"props":780,"children":781},{},[782,784,789],{"type":49,"value":783},"Resolve colors\u002Ffonts\u002Fspacing to ",{"type":43,"tag":58,"props":785,"children":787},{"className":786},[],[788],{"type":49,"value":471},{"type":49,"value":790}," token slugs.",{"type":43,"tag":134,"props":792,"children":793},{},[794],{"type":49,"value":795},"Return the block markup. The orchestrator reinstalls, re-captures, and re-scores.",{"type":43,"tag":44,"props":797,"children":799},{"id":798},"stay-generic",[800],{"type":49,"value":801},"Stay generic",{"type":43,"tag":52,"props":803,"children":804},{},[805],{"type":49,"value":806},"Derive everything from the inputs for THIS section. Never hardcode a site's colors,\nfilenames, copy, or section order ([[feedback_scripts_must_be_site_agnostic]]). The same\nskill must rebuild any platform's bespoke section.",{"items":808,"total":990},[809,830,845,859,874,889,903,918,933,944,959,975],{"slug":810,"name":810,"fn":811,"description":812,"org":813,"tags":814,"stars":827,"repoUrl":828,"updatedAt":829},"annotate","collect visual feedback with browser annotation tools","Open a browser with visual annotation tools. The user clicks elements on their site and leaves feedback — the agent reads annotations and makes changes. Use this when the user wants to point at specific elements to fix, tweak, or redesign.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[815,818,821,824],{"name":816,"slug":817,"type":15},"Frontend","frontend",{"name":819,"slug":820,"type":15},"Productivity","productivity",{"name":822,"slug":823,"type":15},"UX Copy","ux-copy",{"name":825,"slug":826,"type":15},"UX Design","ux-design",484,"https:\u002F\u002Fgithub.com\u002FAutomattic\u002Fstudio","2026-05-06T05:40:01.516544",{"slug":831,"name":831,"fn":832,"description":833,"org":834,"tags":835,"stars":827,"repoUrl":828,"updatedAt":844},"block-content","write editable WordPress block markup","Write editable WordPress block markup for local Studio sites, including core\u002Fhtml limits, block-theme layout rules, full-width sections, validation, and skeleton-first page\u002FCSS recipes.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[836,837,840,843],{"name":20,"slug":21,"type":15},{"name":838,"slug":839,"type":15},"CSS","css",{"name":841,"slug":842,"type":15},"HTML","html",{"name":13,"slug":14,"type":15},"2026-05-27T07:01:55.629681",{"slug":846,"name":846,"fn":847,"description":848,"org":849,"tags":850,"stars":827,"repoUrl":828,"updatedAt":858},"hosting-plans-helper","provide WordPress.com hosting plan information","Answer WordPress.com plan, pricing, upgrade, and feature-tier questions (plan names, what each tier unlocks — plugins, themes, custom code, SSH, hosting — and current prices) from authoritative live data. Load before answering ANY plan, pricing, or feature-gating question; never answer these from memory.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[851,854,857],{"name":852,"slug":853,"type":15},"Pricing","pricing",{"name":855,"slug":856,"type":15},"Reference","reference",{"name":13,"slug":14,"type":15},"2026-07-02T07:42:33.654791",{"slug":860,"name":860,"fn":861,"description":862,"org":863,"tags":864,"stars":827,"repoUrl":828,"updatedAt":873},"liberate","migrate websites to WordPress","Import and rebuild a website from a closed platform (Wix, Squarespace, Webflow, Shopify, GoDaddy, Hostinger, HubSpot, Weebly) into a Studio WordPress site. Extracts pages\u002Fposts\u002Fproducts + media, then reconstructs the design as editable blocks + WooCommerce OR as a high-fidelity replica theme. Invoke when the user wants to migrate, import, liberate, or rebuild a site from one of these platforms.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[865,868,869,872],{"name":866,"slug":867,"type":15},"CMS","cms",{"name":17,"slug":18,"type":15},{"name":870,"slug":871,"type":15},"Web Development","web-development",{"name":13,"slug":14,"type":15},"2026-07-09T06:47:33.454311",{"slug":875,"name":875,"fn":876,"description":877,"org":878,"tags":879,"stars":827,"repoUrl":828,"updatedAt":888},"need-for-speed","run frontend performance audits for WordPress sites","Run a frontend performance audit on a WordPress site and get actionable optimization recommendations.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[880,883,884,887],{"name":881,"slug":882,"type":15},"Audit","audit",{"name":816,"slug":817,"type":15},{"name":885,"slug":886,"type":15},"Performance","performance",{"name":13,"slug":14,"type":15},"2026-05-06T05:40:06.433267",{"slug":890,"name":890,"fn":891,"description":892,"org":893,"tags":894,"stars":827,"repoUrl":828,"updatedAt":902},"plugin-recommendations","recommend WordPress plugins for site features","Choose recommended plugins and plugin-provided blocks for features core WordPress blocks do not cover - ecommerce (WooCommerce), forms and newsletters (Jetpack), online courses and quizzes (Sensei LMS), polls, surveys and ratings (Crowdsignal), spam protection (Akismet) - while keeping generated content editable and avoiding raw HTML fallbacks. Any request to sell products or build a shop, store, or storefront requires WooCommerce with products.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[895,898,901],{"name":896,"slug":897,"type":15},"Content Creation","content-creation",{"name":899,"slug":900,"type":15},"Plugin Development","plugin-development",{"name":13,"slug":14,"type":15},"2026-05-27T07:01:58.249105",{"slug":904,"name":904,"fn":905,"description":906,"org":907,"tags":908,"stars":827,"repoUrl":828,"updatedAt":917},"rank-me-up","run on-page SEO audits for WordPress sites","Run an on-page SEO audit on a WordPress site and get actionable recommendations to improve search visibility.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[909,910,913,916],{"name":881,"slug":882,"type":15},{"name":911,"slug":912,"type":15},"Marketing","marketing",{"name":914,"slug":915,"type":15},"SEO","seo",{"name":13,"slug":14,"type":15},"2026-05-06T05:40:05.196367",{"slug":919,"name":919,"fn":920,"description":921,"org":922,"tags":923,"stars":827,"repoUrl":828,"updatedAt":932},"site-spec","gather specifications for new WordPress sites","Gather the site name and layout preference before building a WordPress site. Run this before creating any new site.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[924,925,928,931],{"name":23,"slug":24,"type":15},{"name":926,"slug":927,"type":15},"Product Management","product-management",{"name":929,"slug":930,"type":15},"Specs","specs",{"name":13,"slug":14,"type":15},"2026-05-06T05:40:02.739409",{"slug":934,"name":934,"fn":935,"description":936,"org":937,"tags":938,"stars":827,"repoUrl":828,"updatedAt":943},"studio-cli","manage local WordPress sites with Studio CLI","Use the Studio CLI to manage local WordPress sites, authentication, and preview sites. Invoke this skill when you need to run Studio CLI commands, manage sites, or troubleshoot site issues.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[939,942],{"name":940,"slug":941,"type":15},"CLI","cli",{"name":13,"slug":14,"type":15},"2026-04-06T18:02:57.150231",{"slug":945,"name":945,"fn":946,"description":947,"org":948,"tags":949,"stars":827,"repoUrl":828,"updatedAt":958},"taxonomist","optimize WordPress category taxonomy","Analyze and optimize a WordPress site's category taxonomy. Exports all posts, uses AI to suggest an improved category structure — merging duplicates, retiring dead categories, creating missing ones, writing descriptions, and re-categorizing posts. Run this when the user wants to clean up or improve their categories.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[950,953,956,957],{"name":951,"slug":952,"type":15},"Content Strategy","content-strategy",{"name":954,"slug":955,"type":15},"Data Cleaning","data-cleaning",{"name":914,"slug":915,"type":15},{"name":13,"slug":14,"type":15},"2026-05-06T05:40:03.966799",{"slug":960,"name":960,"fn":961,"description":962,"org":963,"tags":964,"stars":827,"repoUrl":828,"updatedAt":974},"visual-design","plan and execute visual design direction","Plan and execute high-quality visual direction for site creation, redesign, layout, typography, color, motion, and visual polish.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[965,968,969,972],{"name":966,"slug":967,"type":15},"Animation","animation",{"name":23,"slug":24,"type":15},{"name":970,"slug":971,"type":15},"Typography","typography",{"name":973,"slug":960,"type":15},"Visual Design","2026-07-24T05:40:57.887452",{"slug":976,"name":976,"fn":977,"description":978,"org":979,"tags":980,"stars":827,"repoUrl":828,"updatedAt":989},"visual-polish","verify and polish website visual design","Verify and polish a built or redesigned site by diagnosing rendered-DOM issues against intent and fixing them in a planned, batched screenshot-and-fix loop.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[981,984,985,988],{"name":982,"slug":983,"type":15},"Debugging","debugging",{"name":816,"slug":817,"type":15},{"name":986,"slug":987,"type":15},"Screenshots","screenshots",{"name":973,"slug":960,"type":15},"2026-06-06T07:09:59.809812",81,{"items":992,"total":1088},[993,1008,1019,1032,1045,1060,1075],{"slug":994,"name":994,"fn":995,"description":996,"org":997,"tags":998,"stars":25,"repoUrl":26,"updatedAt":1007},"adapt","build platform adapters for content extraction","Build a new platform adapter to extract content from an unsupported platform (Blogger, Ghost, Tumblr, etc.)",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[999,1002,1003,1006],{"name":1000,"slug":1001,"type":15},"Automation","automation",{"name":954,"slug":955,"type":15},{"name":1004,"slug":1005,"type":15},"Data Engineering","data-engineering",{"name":13,"slug":14,"type":15},"2026-05-09T05:32:13.987972",{"slug":1009,"name":1009,"fn":1010,"description":1011,"org":1012,"tags":1013,"stars":25,"repoUrl":26,"updatedAt":1018},"compose-page-blocks","compose WordPress block markup from HTML","Compose a single liberated page's WordPress block-editor markup from its rendered HTML and screenshot. Inputs are a sanitized HTML file, a desktop screenshot, the design-foundation tokens, the URL's archetype (page\u002Fpost\u002Fproduct\u002Fetc.), and the source URL. Output is a string of valid block markup that round-trips through parse_blocks, uses theme tokens (no inlined hex colors), and contains only text drawn from the source HTML. Call per-page during the streaming watch loop after extraction has produced HTML+screenshot for that URL. Use when a freshly-imported page needs `post_content` upgraded from raw HTML into block-editor markup so the replica theme's tokens, gradients, and patterns actually render.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1014,1015,1016,1017],{"name":20,"slug":21,"type":15},{"name":896,"slug":897,"type":15},{"name":841,"slug":842,"type":15},{"name":13,"slug":14,"type":15},"2026-06-08T08:17:34.212397",{"slug":1020,"name":1020,"fn":1021,"description":1022,"org":1023,"tags":1024,"stars":25,"repoUrl":26,"updatedAt":1031},"creating-blocks","create new WordPress blocks","Templates and guidelines for creating new WordPress blocks from scratch — load this before generating block files",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1025,1026,1029,1030],{"name":20,"slug":21,"type":15},{"name":1027,"slug":1028,"type":15},"Full Site Editing","full-site-editing",{"name":899,"slug":900,"type":15},{"name":13,"slug":14,"type":15},"2026-06-08T08:17:49.413995",{"slug":1033,"name":1033,"fn":1034,"description":1035,"org":1036,"tags":1037,"stars":25,"repoUrl":26,"updatedAt":1044},"creating-themes","create WordPress block themes","Guidelines for creating new WordPress block themes from scratch — load this before generating theme files",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1038,1039,1040,1043],{"name":20,"slug":21,"type":15},{"name":1027,"slug":1028,"type":15},{"name":1041,"slug":1042,"type":15},"Themes","themes",{"name":13,"slug":14,"type":15},"2026-06-08T08:17:50.666611",{"slug":1046,"name":1046,"fn":1047,"description":1048,"org":1049,"tags":1050,"stars":25,"repoUrl":26,"updatedAt":1059},"design-foundations","build design foundation JSON from sites","Build a coherent design-foundation JSON from a liberated site — semantic color\u002Ftypography\u002Fspacing roles with evidence trails. Consumes the partial scaffold produced by liberate_design_foundation_scaffold plus aggregate HTML\u002FCSS analysis and representative rendered HTML; produces a complete design-foundation matching the schema. Call after liberation, before theme generation.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1051,1054,1055,1058],{"name":1052,"slug":1053,"type":15},"Data Modeling","data-modeling",{"name":23,"slug":24,"type":15},{"name":1056,"slug":1057,"type":15},"Design System","design-system",{"name":816,"slug":817,"type":15},"2026-06-08T08:17:44.457834",{"slug":63,"name":63,"fn":1061,"description":1062,"org":1063,"tags":1064,"stars":25,"repoUrl":26,"updatedAt":1074},"run visual QA on WordPress themes","Visual-QA loop run after replica theme install and content import. Captures replica screenshots, applies a hard responsiveness gate at 390px AND a hard per-section visual-parity gate (measured SectionParity records, verdict computed by buildRunReport), runs qualitative vision review of source\u002Freplica pairs, checks accessibility, and drives a per-section escalation ladder of fixes via editing-themes\u002Fediting-blocks\u002Frebuild-section (R1 CSS → R2 spec-rebuild → R3 re-extract → R4a AI canonical-block rebuild → R4b deterministic styled-island floor) — escalating unresolved divergences to the operator rather than shipping them. Orchestration-internal — invoked by the replicate-with-blocks\u002Fliberate orchestrators, not directly by users.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1065,1068,1069,1072,1073],{"name":1066,"slug":1067,"type":15},"QA","qa",{"name":986,"slug":987,"type":15},{"name":1070,"slug":1071,"type":15},"Testing","testing",{"name":1041,"slug":1042,"type":15},{"name":13,"slug":14,"type":15},"2026-06-08T08:17:45.698278",{"slug":1076,"name":1076,"fn":1077,"description":1078,"org":1079,"tags":1080,"stars":25,"repoUrl":26,"updatedAt":1087},"diagnose","debug failed data extraction processes","Debug failed or low-quality extractions by analyzing logs, probing the source site, and identifying root causes",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1081,1082,1083,1086],{"name":1004,"slug":1005,"type":15},{"name":982,"slug":983,"type":15},{"name":1084,"slug":1085,"type":15},"Logs","logs",{"name":1066,"slug":1067,"type":15},"2026-05-10T05:48:11.267642",21]