[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-huggingface-birch-html":3,"mdc--cuhqb-key":34,"related-repo-huggingface-birch-html":2897,"related-org-huggingface-birch-html":2906},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":25,"repoUrl":26,"updatedAt":27,"license":28,"forks":25,"topics":29,"repo":30,"sourceUrl":32,"mdContent":33},"birch-html","generate self-contained HTML reports","Use this skill when the user wants a polished, shareable, source-grounded, self-contained HTML artifact in the Birch visual system for engineering, product, planning, review, status, incident, process, codebase, data, or benchmark communication. Trigger for one-pagers, visual summaries, reports, dashboards, module\u002Fprocess explainers, implementation plans, design-direction comparisons, PR\u002Fchange writeups, findings-first code reviews, incident\u002Fstatus reports, briefing decks, flow diagrams, numeric\u002Fdata briefs, model\u002Frun\u002Ftoken\u002F time\u002Fcost reports, and design-system references. Do not use it for editing production web apps, React\u002FVue components, or ordinary chat answers.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},"huggingface","Hugging Face","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fhuggingface.png",[12,16,19,22],{"name":13,"slug":14,"type":15},"Reporting","reporting","tag",{"name":17,"slug":18,"type":15},"HTML","html",{"name":20,"slug":21,"type":15},"Documentation","documentation",{"name":23,"slug":24,"type":15},"Engineering","engineering",0,"https:\u002F\u002Fgithub.com\u002Fhuggingface\u002Fresearch-agent","2026-07-24T06:08:46.703861",null,[],{"repoUrl":26,"stars":25,"forks":25,"topics":31,"description":28},[],"https:\u002F\u002Fgithub.com\u002Fhuggingface\u002Fresearch-agent\u002Ftree\u002FHEAD\u002Fresearch\u002Fskills\u002Fbirch-html","---\nname: birch-html\ndescription: >\n  Use this skill when the user wants a polished, shareable, source-grounded,\n  self-contained HTML artifact in the Birch visual system for engineering,\n  product, planning, review, status, incident, process, codebase, data, or\n  benchmark communication. Trigger for one-pagers, visual summaries, reports,\n  dashboards, module\u002Fprocess explainers, implementation plans, design-direction\n  comparisons, PR\u002Fchange writeups, findings-first code reviews, incident\u002Fstatus\n  reports, briefing decks, flow diagrams, numeric\u002Fdata briefs, model\u002Frun\u002Ftoken\u002F\n  time\u002Fcost reports, and design-system references. Do not use it for editing\n  production web apps, React\u002FVue components, or ordinary chat answers.\n---\n\n# Birch HTML\n\nCreate one complete, locally opening Birch HTML artifact. Optimize for complete\nHTML, preserved Birch CSS placeholder, source-grounded claims, 390px mobile\nsafety, strict component contracts, and minimal page-local CSS.\n\n## Output contract\n\n- Return a full HTML document only: no prose, Markdown fences, or partial HTML.\n- If writing to disk, validate and return only the artifact path.\n- Keep the placeholder exactly until postprocessing:\n  `\u003Cstyle data-birch-system>__BIRCH_SYSTEM_CSS__\u003C\u002Fstyle>`.\n- Do not paste bundled Birch CSS or modify canonical CSS\u002Fscripts\u002Fresources.\n- No network assets: no remote URLs, CDNs, fonts, iframes, images, scripts, or styles.\n- Use `\u003Cmain class=\"page stack\" data-gap=\"lg\">` as the outer visible shell.\n- Do not replace the Birch shell with a custom app\u002Fdashboard shell. Do not make\n  `body`, `.container`, `.report`, or `.dashboard` the visible page shell.\n- Do not invent Birch classes\u002FCSS variables or use Birchline-only classes. In\n  particular, avoid custom path\u002Fhelper classes such as `.file-path` and avoid\n  variables such as `--color-*`, `--size-*`, `--s-*`, `--bg-alt`, or\n  `--fg-muted` unless they are already defined by Birch.\n- Use flat token surfaces only: no gradients, glassmorphism, glow backgrounds,\n  decorative background images, or custom dashboard skins.\n- Birch style forbids gradients for card, panel, page, and callout backgrounds\n  and for body\u002Fpage backgrounds (for example `linear-gradient`,\n  `radial-gradient`, or `conic-gradient`). Use flat Birch token surfaces instead.\n- For diffs, never paste raw unified-diff text into `\u003Cpre>` or code blocks.\n  Represent patch lines with `.diff-row`; the only literal `+`\u002F`-` marker should\n  be inside `\u003Cspan class=\"mark\">`.\n\n## Workflow\n\n1. Read sources first: files, diffs, data, logs, commands, screenshots, session\n   notes, and local links before writing claims.\n2. Make a terse brief: audience, purpose, exact paths\u002Fvalues, caveats, unknowns,\n   sections, and chart intent.\n3. Ask only if missing audience, scope, sources, or output path would materially\n   change the result; otherwise proceed and label assumptions.\n4. Load only needed recipes: `numeric-data`, `code-review`, `pr-change-writeup`,\n   `implementation-plan`, `module-explainer`, `process-explainer`,\n   `design-directions`, `status-incident-report`, `flow-diagram`, `slide-deck`,\n   `benchmark-comparison`, or `design-system-reference`.\n5. If no path is specified and filesystem access exists, write a descriptive\n   kebab-case `.html` file in the current directory.\n6. Prefer copying `skill\u002Fresources\u002Ftemplate.html`; replace body content only.\n   Then run `uv run skill\u002Fscripts\u002Ffinish_birch_html.py \u003Coutput.html>`.\n7. Validate before returning: doctype, html\u002Fhead\u002Fbody, viewport, title, `.page`,\n   Birch CSS placeholder\u002Fembedded CSS, closing `\u003C\u002Fhtml>`, no network assets, no\n   unknown classes\u002Fvariables, strict children, wrapped long content, no 390px\n   overflow, and no raw patch marker lines. If available run:\n   `uv run --with pillow python skill\u002Fscripts\u002Fcheck_birch_renderings.py --artifact \u003Coutput.html>`.\n\n## Required shell\n\n```html\n\u003C!doctype html>\n\u003Chtml lang=\"en\">\n\u003Chead>\n  \u003Cmeta charset=\"utf-8\" \u002F>\n  \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \u002F>\n  \u003Ctitle>Clear artifact title\u003C\u002Ftitle>\n  \u003Cstyle data-birch-system>__BIRCH_SYSTEM_CSS__\u003C\u002Fstyle>\n  \u003Cstyle>\u002F* Optional tiny wrapping\u002FSVG fixes only. Prefer deleted. *\u002F\u003C\u002Fstyle>\n\u003C\u002Fhead>\n\u003Cbody>\n  \u003Cmain class=\"page stack\" data-gap=\"lg\">\n    \u003Cheader class=\"stack\" data-gap=\"sm\">\n      \u003Cdiv class=\"eyebrow\">Review artifact\u003C\u002Fdiv>\n      \u003Ch1>Clear artifact title\u003C\u002Fh1>\n      \u003Cp class=\"lede\">One or two source-grounded sentences.\u003C\u002Fp>\n    \u003C\u002Fheader>\n    \u003Csection class=\"section stack\" data-gap=\"lg\">...\u003C\u002Fsection>\n  \u003C\u002Fmain>\n\u003C\u002Fbody>\n\u003C\u002Fhtml>\n```\n\n## Grounding\n\n- Put exact values, file paths, commands, caveats, and verification evidence near\n  the claim they support.\n- Use neutral uncertainty language: “observed”, “suggests”, “not verified”,\n  “source not present”.\n- Do not claim performance, risk, ownership, intent, or causality without source\n  support. Label assumptions.\n- Prefer captions citing paths\u002Ffunctions over broad narrative.\n\n## Birch primitives and local CSS\n\nBuild with primitives, not custom boxes: `.section`, `.section-head`, `.stack`,\n`.cluster`, `.card`, `.panel`, `.auto-grid`, `.section-rail`,\n`.reference-panel`, `.chart-panel`, `.chart-svg`, `.chart-caption`,\n`.stat-card`, `.stat-value`, `.metric-list`, `.metric-row`,\n`.numeric-table-wrap`, `.numeric-table`, `.flow-list`, `.flow-step`,\n`.code-block`, `.diff`, `.checklist`, `.plain-list`, `.insight-list`,\n`.takeaway-list`, `.chip`, `.caption`, `.lede`, `.scroll-x`.\nUse semantic primitives in every artifact: sections plus cards, lists, tables,\nflow steps, diff rows, metric lists, or chart panels as relevant.\n\nPage-local CSS: ideally none; hard target under 30 lines \u002F 1.5 KB. Use it only\nfor page-specific SVG sizing, chart sizing, tiny gaps, or wrapping. Do not\nrecreate shells\u002Fcards\u002Fgrids\u002Frails\u002Ftables\u002Ftypography\u002Fbadges\u002Fmeters, redefine\nBirch primitives, or use `linear-gradient`, `radial-gradient`, or\n`conic-gradient`. Put local CSS after the Birch placeholder\u002Flink. Use only\nBirch variables (`--bg`, `--surface`, `--text`, `--border-color`, `--accent`,\n`--success`, `--danger`, `--info`, `--space-1`…`--space-8`, and documented\ncolor tokens).\n\n## Mobile safety\n\nDesign for 390px. Rows, chips, stat values, code, tables, and SVGs must wrap or\nscroll inside their own container without page-level horizontal overflow.\n\n- If prose\u002Flist text wraps to one or two words per line in a wide card, remove\n  custom grid\u002Fflex and stack it.\n- Long paths, commands, hashes, identifiers, URLs, diff lines, numeric notes, and\n  symbols must wrap or live inside `.scroll-x`.\n- Use `data-wrap=\"true\"` on every long `.code-block` and `.diff`.\n- Do not use long paths\u002Fidentifiers as headings; put them in captions, prose,\n  `\u003Ccode>`, wrapped blocks, or short chips.\n- Keep chips and `\u003Ch1>` short; move long nouns to lede\u002Fcaptions.\n- Numeric tables always use\n  `\u003Cdiv class=\"numeric-table-wrap\">\u003Ctable class=\"numeric-table\">...\u003C\u002Ftable>\u003C\u002Fdiv>`.\n- Keep numeric tables to 3–5 columns. Split wide data into smaller tables plus\n  KPI cards. Avoid all-in-one tables with long prose cells.\n- If table cells contain paths, notes, code, commands, or long labels, add:\n  `.numeric-table code, .numeric-table .note { white-space: normal; overflow-wrap: anywhere; word-break: break-word; }`\n- Never put long paths, excerpts, or prose-heavy evidence in narrow table\n  columns unless the table is wrapped and those cells can break anywhere; prefer\n  stacked cards, lists, or `.code-block data-wrap=\"true\"` for code-review\n  evidence.\n- Use `.scroll-x` only for truly wide comparisons; otherwise reduce columns.\n- In side rails, avoid long `.metric-row` values; prefer KPI cards, lists, or\n  compact metric CSS vars.\n\n## Layout rules\n\n- Prefer `.section-rail`: main content first, then `\u003Caside class=\"reference-panel\">`.\n- Avoid `.split` for plans, source-vs-assumption blocks, or columns with headings\n  on both sides; use `.section-rail` or stacked cards.\n- KPI strips use `.auto-grid` with `style=\"--grid-min: 160px\"`.\n- Keep side rails short: caveats, sources, compact KPIs only.\n- Numeric\u002Fdata artifacts must show evidence in the first desktop viewport:\n  compact hero, KPI strip, and chart\u002Franking\u002Ftable start.\n- Numeric\u002Fdata and benchmark pages need KPI cards or valid metric rows, a chart\n  or ranking, a numeric table, and source\u002Fcaveat captions.\n\n## Strict components\n\n### Diff rows\n\nNever put raw patch text directly in HTML source or code blocks. No generated\nsource line may begin with `+`, `-`, or `@@` to represent a patch. Use\n`.diff-row` with exactly three direct children: `.ln`, `.mark`, `.code`; mark\ntext is `+`, `-`, or one space; added rows use `.add`\u002F`data-kind=\"add\"`,\ndeleted rows use `.del`\u002F`data-kind=\"del\"`.\n\n```html\n\u003Cdiv class=\"diff\" data-wrap=\"true\">\n  \u003Cdiv class=\"diff-row add\">\u003Cspan class=\"ln\">12\u003C\u002Fspan>\u003Cspan class=\"mark\">+\u003C\u002Fspan>\u003Cspan class=\"code\">added code\u003C\u002Fspan>\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n```\n\n### Flow steps\n\nEvery `.flow-step` has exactly two direct children: `.flow-num`, then one\ncontent wrapper. Put titles, paragraphs, lists, and code inside the wrapper.\n\n```html\n\u003Cli class=\"flow-step\">\u003Cspan class=\"flow-num\">1\u003C\u002Fspan>\u003Cdiv class=\"stack\" data-gap=\"sm\">\u003Ch3 class=\"flow-title\">Read inputs\u003C\u002Fh3>\u003Cp class=\"flow-detail\">Detail.\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fli>\n```\n\n### Metric rows\n\nUse `.metric-row` only for label + meter + short value; not for metadata,\ntimelines, work items, prose, or key\u002Fvalue rows. It has exactly three direct\nchildren: `.caption`, `.meter`, `code`. Do not add extra children or `.metric`\ninside `.metric-row`. Long labels\u002Fvalues belong in cards, lists, or tables.\n\n```html\n\u003Cdiv class=\"metric-row\">\u003Cspan class=\"caption\">Pass rate\u003C\u002Fspan>\u003Cdiv class=\"meter\">\u003Cspan style=\"--value: 98%\">\u003C\u002Fspan>\u003C\u002Fdiv>\u003Ccode>0.98\u003C\u002Fcode>\u003C\u002Fdiv>\n```\n\n### Lists and tables\n\n- `.checklist`: pass\u002Fdone\u002Fvalidated items only; `.plain-list`: neutral bullets;\n  `.insight-list`\u002F`.takeaway-list`: key observations.\n- In insight\u002Ftakeaway lists, each `\u003Cli>` has exactly one direct wrapper child.\n- Numeric `\u003Cth>` and `\u003Ctd>` cells need `class=\"metric\"` so headers and values align.\n- Use short table headers; explain long meanings in captions.\n\n## SVG, charts, and reports\n\n- Put inline SVG inside `.panel.chart-panel.stack`; usually wrap the SVG with\n  `.chart-svg` and add `.chart-caption`.\n- Keep SVG text short, away from right edges; leave viewBox margin or move labels\n  to captions\u002Flists.\n- Tiny hand-written SVG: 5–8 nodes max. Every data `path`\u002F`polyline` sets\n  `fill=\"none\"`, a Birch-colored `stroke`, and restrained `stroke-width`.\n- If SVG labels risk 390px overflow, stack vertically or use numbered nodes plus\n  a following `.flow-list`.\n- For real plotted data, prefer Python-generated inline SVG using\n  `scripts\u002Fbirch_mpl.py`; run a temporary driver as needed, inline SVG in a\n  chart panel, and pair with exact values in narrow `.numeric-table`s.\n\n## Artifact patterns\n\nModule\u002Fruntime explainers: short transformation title, caveat paragraph, SVG\nflow of 5–8 nodes, caption citing source files\u002Ffunctions, then ordered\n`.flow-list` file tour or runtime walkthrough. Prefer flow steps, cards, and\ncaptions over dense tables.\n\nNumeric\u002Fbenchmark reports: inspect schema and rows; use KPI cards for headline\ncounts\u002Ftotals\u002Fbest\u002Fworst\u002Fpass\u002Ffail\u002Fcost\u002Ftime; use valid `.metric-list` only for\ntrue progress\u002Franking values; include charts when they clarify tradeoffs; pair\ncharts with exact values and source\u002Fcaveat captions.\n",{"data":35,"body":36},{"name":4,"description":6},{"type":37,"children":38},"root",[39,47,53,60,275,281,450,456,1198,1204,1227,1233,1449,1545,1551,1556,1690,1696,1772,1778,1785,1881,2143,2149,2169,2414,2420,2466,2663,2669,2748,2754,2862,2868,2880,2892],{"type":40,"tag":41,"props":42,"children":43},"element","h1",{"id":4},[44],{"type":45,"value":46},"text","Birch HTML",{"type":40,"tag":48,"props":49,"children":50},"p",{},[51],{"type":45,"value":52},"Create one complete, locally opening Birch HTML artifact. Optimize for complete\nHTML, preserved Birch CSS placeholder, source-grounded claims, 390px mobile\nsafety, strict component contracts, and minimal page-local CSS.",{"type":40,"tag":54,"props":55,"children":57},"h2",{"id":56},"output-contract",[58],{"type":45,"value":59},"Output contract",{"type":40,"tag":61,"props":62,"children":63},"ul",{},[64,70,75,89,94,99,112,148,198,203,231],{"type":40,"tag":65,"props":66,"children":67},"li",{},[68],{"type":45,"value":69},"Return a full HTML document only: no prose, Markdown fences, or partial HTML.",{"type":40,"tag":65,"props":71,"children":72},{},[73],{"type":45,"value":74},"If writing to disk, validate and return only the artifact path.",{"type":40,"tag":65,"props":76,"children":77},{},[78,80,87],{"type":45,"value":79},"Keep the placeholder exactly until postprocessing:\n",{"type":40,"tag":81,"props":82,"children":84},"code",{"className":83},[],[85],{"type":45,"value":86},"\u003Cstyle data-birch-system>__BIRCH_SYSTEM_CSS__\u003C\u002Fstyle>",{"type":45,"value":88},".",{"type":40,"tag":65,"props":90,"children":91},{},[92],{"type":45,"value":93},"Do not paste bundled Birch CSS or modify canonical CSS\u002Fscripts\u002Fresources.",{"type":40,"tag":65,"props":95,"children":96},{},[97],{"type":45,"value":98},"No network assets: no remote URLs, CDNs, fonts, iframes, images, scripts, or styles.",{"type":40,"tag":65,"props":100,"children":101},{},[102,104,110],{"type":45,"value":103},"Use ",{"type":40,"tag":81,"props":105,"children":107},{"className":106},[],[108],{"type":45,"value":109},"\u003Cmain class=\"page stack\" data-gap=\"lg\">",{"type":45,"value":111}," as the outer visible shell.",{"type":40,"tag":65,"props":113,"children":114},{},[115,117,123,125,131,132,138,140,146],{"type":45,"value":116},"Do not replace the Birch shell with a custom app\u002Fdashboard shell. Do not make\n",{"type":40,"tag":81,"props":118,"children":120},{"className":119},[],[121],{"type":45,"value":122},"body",{"type":45,"value":124},", ",{"type":40,"tag":81,"props":126,"children":128},{"className":127},[],[129],{"type":45,"value":130},".container",{"type":45,"value":124},{"type":40,"tag":81,"props":133,"children":135},{"className":134},[],[136],{"type":45,"value":137},".report",{"type":45,"value":139},", or ",{"type":40,"tag":81,"props":141,"children":143},{"className":142},[],[144],{"type":45,"value":145},".dashboard",{"type":45,"value":147}," the visible page shell.",{"type":40,"tag":65,"props":149,"children":150},{},[151,153,159,161,167,168,174,175,181,182,188,190,196],{"type":45,"value":152},"Do not invent Birch classes\u002FCSS variables or use Birchline-only classes. In\nparticular, avoid custom path\u002Fhelper classes such as ",{"type":40,"tag":81,"props":154,"children":156},{"className":155},[],[157],{"type":45,"value":158},".file-path",{"type":45,"value":160}," and avoid\nvariables such as ",{"type":40,"tag":81,"props":162,"children":164},{"className":163},[],[165],{"type":45,"value":166},"--color-*",{"type":45,"value":124},{"type":40,"tag":81,"props":169,"children":171},{"className":170},[],[172],{"type":45,"value":173},"--size-*",{"type":45,"value":124},{"type":40,"tag":81,"props":176,"children":178},{"className":177},[],[179],{"type":45,"value":180},"--s-*",{"type":45,"value":124},{"type":40,"tag":81,"props":183,"children":185},{"className":184},[],[186],{"type":45,"value":187},"--bg-alt",{"type":45,"value":189},", or\n",{"type":40,"tag":81,"props":191,"children":193},{"className":192},[],[194],{"type":45,"value":195},"--fg-muted",{"type":45,"value":197}," unless they are already defined by Birch.",{"type":40,"tag":65,"props":199,"children":200},{},[201],{"type":45,"value":202},"Use flat token surfaces only: no gradients, glassmorphism, glow backgrounds,\ndecorative background images, or custom dashboard skins.",{"type":40,"tag":65,"props":204,"children":205},{},[206,208,214,216,222,223,229],{"type":45,"value":207},"Birch style forbids gradients for card, panel, page, and callout backgrounds\nand for body\u002Fpage backgrounds (for example ",{"type":40,"tag":81,"props":209,"children":211},{"className":210},[],[212],{"type":45,"value":213},"linear-gradient",{"type":45,"value":215},",\n",{"type":40,"tag":81,"props":217,"children":219},{"className":218},[],[220],{"type":45,"value":221},"radial-gradient",{"type":45,"value":139},{"type":40,"tag":81,"props":224,"children":226},{"className":225},[],[227],{"type":45,"value":228},"conic-gradient",{"type":45,"value":230},"). Use flat Birch token surfaces instead.",{"type":40,"tag":65,"props":232,"children":233},{},[234,236,242,244,250,252,258,260,266,268,274],{"type":45,"value":235},"For diffs, never paste raw unified-diff text into ",{"type":40,"tag":81,"props":237,"children":239},{"className":238},[],[240],{"type":45,"value":241},"\u003Cpre>",{"type":45,"value":243}," or code blocks.\nRepresent patch lines with ",{"type":40,"tag":81,"props":245,"children":247},{"className":246},[],[248],{"type":45,"value":249},".diff-row",{"type":45,"value":251},"; the only literal ",{"type":40,"tag":81,"props":253,"children":255},{"className":254},[],[256],{"type":45,"value":257},"+",{"type":45,"value":259},"\u002F",{"type":40,"tag":81,"props":261,"children":263},{"className":262},[],[264],{"type":45,"value":265},"-",{"type":45,"value":267}," marker should\nbe inside ",{"type":40,"tag":81,"props":269,"children":271},{"className":270},[],[272],{"type":45,"value":273},"\u003Cspan class=\"mark\">",{"type":45,"value":88},{"type":40,"tag":54,"props":276,"children":278},{"id":277},"workflow",[279],{"type":45,"value":280},"Workflow",{"type":40,"tag":282,"props":283,"children":284},"ol",{},[285,290,295,300,389,402,422],{"type":40,"tag":65,"props":286,"children":287},{},[288],{"type":45,"value":289},"Read sources first: files, diffs, data, logs, commands, screenshots, session\nnotes, and local links before writing claims.",{"type":40,"tag":65,"props":291,"children":292},{},[293],{"type":45,"value":294},"Make a terse brief: audience, purpose, exact paths\u002Fvalues, caveats, unknowns,\nsections, and chart intent.",{"type":40,"tag":65,"props":296,"children":297},{},[298],{"type":45,"value":299},"Ask only if missing audience, scope, sources, or output path would materially\nchange the result; otherwise proceed and label assumptions.",{"type":40,"tag":65,"props":301,"children":302},{},[303,305,311,312,318,319,325,326,332,333,339,340,346,347,353,354,360,361,367,368,374,375,381,382,388],{"type":45,"value":304},"Load only needed recipes: ",{"type":40,"tag":81,"props":306,"children":308},{"className":307},[],[309],{"type":45,"value":310},"numeric-data",{"type":45,"value":124},{"type":40,"tag":81,"props":313,"children":315},{"className":314},[],[316],{"type":45,"value":317},"code-review",{"type":45,"value":124},{"type":40,"tag":81,"props":320,"children":322},{"className":321},[],[323],{"type":45,"value":324},"pr-change-writeup",{"type":45,"value":215},{"type":40,"tag":81,"props":327,"children":329},{"className":328},[],[330],{"type":45,"value":331},"implementation-plan",{"type":45,"value":124},{"type":40,"tag":81,"props":334,"children":336},{"className":335},[],[337],{"type":45,"value":338},"module-explainer",{"type":45,"value":124},{"type":40,"tag":81,"props":341,"children":343},{"className":342},[],[344],{"type":45,"value":345},"process-explainer",{"type":45,"value":215},{"type":40,"tag":81,"props":348,"children":350},{"className":349},[],[351],{"type":45,"value":352},"design-directions",{"type":45,"value":124},{"type":40,"tag":81,"props":355,"children":357},{"className":356},[],[358],{"type":45,"value":359},"status-incident-report",{"type":45,"value":124},{"type":40,"tag":81,"props":362,"children":364},{"className":363},[],[365],{"type":45,"value":366},"flow-diagram",{"type":45,"value":124},{"type":40,"tag":81,"props":369,"children":371},{"className":370},[],[372],{"type":45,"value":373},"slide-deck",{"type":45,"value":215},{"type":40,"tag":81,"props":376,"children":378},{"className":377},[],[379],{"type":45,"value":380},"benchmark-comparison",{"type":45,"value":139},{"type":40,"tag":81,"props":383,"children":385},{"className":384},[],[386],{"type":45,"value":387},"design-system-reference",{"type":45,"value":88},{"type":40,"tag":65,"props":390,"children":391},{},[392,394,400],{"type":45,"value":393},"If no path is specified and filesystem access exists, write a descriptive\nkebab-case ",{"type":40,"tag":81,"props":395,"children":397},{"className":396},[],[398],{"type":45,"value":399},".html",{"type":45,"value":401}," file in the current directory.",{"type":40,"tag":65,"props":403,"children":404},{},[405,407,413,415,421],{"type":45,"value":406},"Prefer copying ",{"type":40,"tag":81,"props":408,"children":410},{"className":409},[],[411],{"type":45,"value":412},"skill\u002Fresources\u002Ftemplate.html",{"type":45,"value":414},"; replace body content only.\nThen run ",{"type":40,"tag":81,"props":416,"children":418},{"className":417},[],[419],{"type":45,"value":420},"uv run skill\u002Fscripts\u002Ffinish_birch_html.py \u003Coutput.html>",{"type":45,"value":88},{"type":40,"tag":65,"props":423,"children":424},{},[425,427,433,435,441,443,449],{"type":45,"value":426},"Validate before returning: doctype, html\u002Fhead\u002Fbody, viewport, title, ",{"type":40,"tag":81,"props":428,"children":430},{"className":429},[],[431],{"type":45,"value":432},".page",{"type":45,"value":434},",\nBirch CSS placeholder\u002Fembedded CSS, closing ",{"type":40,"tag":81,"props":436,"children":438},{"className":437},[],[439],{"type":45,"value":440},"\u003C\u002Fhtml>",{"type":45,"value":442},", no network assets, no\nunknown classes\u002Fvariables, strict children, wrapped long content, no 390px\noverflow, and no raw patch marker lines. If available run:\n",{"type":40,"tag":81,"props":444,"children":446},{"className":445},[],[447],{"type":45,"value":448},"uv run --with pillow python skill\u002Fscripts\u002Fcheck_birch_renderings.py --artifact \u003Coutput.html>",{"type":45,"value":88},{"type":40,"tag":54,"props":451,"children":453},{"id":452},"required-shell",[454],{"type":45,"value":455},"Required shell",{"type":40,"tag":457,"props":458,"children":462},"pre",{"className":459,"code":460,"language":18,"meta":461,"style":461},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003C!doctype html>\n\u003Chtml lang=\"en\">\n\u003Chead>\n  \u003Cmeta charset=\"utf-8\" \u002F>\n  \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \u002F>\n  \u003Ctitle>Clear artifact title\u003C\u002Ftitle>\n  \u003Cstyle data-birch-system>__BIRCH_SYSTEM_CSS__\u003C\u002Fstyle>\n  \u003Cstyle>\u002F* Optional tiny wrapping\u002FSVG fixes only. Prefer deleted. *\u002F\u003C\u002Fstyle>\n\u003C\u002Fhead>\n\u003Cbody>\n  \u003Cmain class=\"page stack\" data-gap=\"lg\">\n    \u003Cheader class=\"stack\" data-gap=\"sm\">\n      \u003Cdiv class=\"eyebrow\">Review artifact\u003C\u002Fdiv>\n      \u003Ch1>Clear artifact title\u003C\u002Fh1>\n      \u003Cp class=\"lede\">One or two source-grounded sentences.\u003C\u002Fp>\n    \u003C\u002Fheader>\n    \u003Csection class=\"section stack\" data-gap=\"lg\">...\u003C\u002Fsection>\n  \u003C\u002Fmain>\n\u003C\u002Fbody>\n\u003C\u002Fhtml>\n","",[463],{"type":40,"tag":81,"props":464,"children":465},{"__ignoreMap":461},[466,495,537,554,595,655,692,728,762,778,794,855,915,971,1003,1057,1074,1149,1166,1182],{"type":40,"tag":467,"props":468,"children":471},"span",{"class":469,"line":470},"line",1,[472,478,484,490],{"type":40,"tag":467,"props":473,"children":475},{"style":474},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[476],{"type":45,"value":477},"\u003C!",{"type":40,"tag":467,"props":479,"children":481},{"style":480},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[482],{"type":45,"value":483},"doctype",{"type":40,"tag":467,"props":485,"children":487},{"style":486},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[488],{"type":45,"value":489}," html",{"type":40,"tag":467,"props":491,"children":492},{"style":474},[493],{"type":45,"value":494},">\n",{"type":40,"tag":467,"props":496,"children":498},{"class":469,"line":497},2,[499,504,508,513,518,523,529,533],{"type":40,"tag":467,"props":500,"children":501},{"style":474},[502],{"type":45,"value":503},"\u003C",{"type":40,"tag":467,"props":505,"children":506},{"style":480},[507],{"type":45,"value":18},{"type":40,"tag":467,"props":509,"children":510},{"style":486},[511],{"type":45,"value":512}," lang",{"type":40,"tag":467,"props":514,"children":515},{"style":474},[516],{"type":45,"value":517},"=",{"type":40,"tag":467,"props":519,"children":520},{"style":474},[521],{"type":45,"value":522},"\"",{"type":40,"tag":467,"props":524,"children":526},{"style":525},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[527],{"type":45,"value":528},"en",{"type":40,"tag":467,"props":530,"children":531},{"style":474},[532],{"type":45,"value":522},{"type":40,"tag":467,"props":534,"children":535},{"style":474},[536],{"type":45,"value":494},{"type":40,"tag":467,"props":538,"children":540},{"class":469,"line":539},3,[541,545,550],{"type":40,"tag":467,"props":542,"children":543},{"style":474},[544],{"type":45,"value":503},{"type":40,"tag":467,"props":546,"children":547},{"style":480},[548],{"type":45,"value":549},"head",{"type":40,"tag":467,"props":551,"children":552},{"style":474},[553],{"type":45,"value":494},{"type":40,"tag":467,"props":555,"children":557},{"class":469,"line":556},4,[558,563,568,573,577,581,586,590],{"type":40,"tag":467,"props":559,"children":560},{"style":474},[561],{"type":45,"value":562},"  \u003C",{"type":40,"tag":467,"props":564,"children":565},{"style":480},[566],{"type":45,"value":567},"meta",{"type":40,"tag":467,"props":569,"children":570},{"style":486},[571],{"type":45,"value":572}," charset",{"type":40,"tag":467,"props":574,"children":575},{"style":474},[576],{"type":45,"value":517},{"type":40,"tag":467,"props":578,"children":579},{"style":474},[580],{"type":45,"value":522},{"type":40,"tag":467,"props":582,"children":583},{"style":525},[584],{"type":45,"value":585},"utf-8",{"type":40,"tag":467,"props":587,"children":588},{"style":474},[589],{"type":45,"value":522},{"type":40,"tag":467,"props":591,"children":592},{"style":474},[593],{"type":45,"value":594}," \u002F>\n",{"type":40,"tag":467,"props":596,"children":598},{"class":469,"line":597},5,[599,603,607,612,616,620,625,629,634,638,642,647,651],{"type":40,"tag":467,"props":600,"children":601},{"style":474},[602],{"type":45,"value":562},{"type":40,"tag":467,"props":604,"children":605},{"style":480},[606],{"type":45,"value":567},{"type":40,"tag":467,"props":608,"children":609},{"style":486},[610],{"type":45,"value":611}," name",{"type":40,"tag":467,"props":613,"children":614},{"style":474},[615],{"type":45,"value":517},{"type":40,"tag":467,"props":617,"children":618},{"style":474},[619],{"type":45,"value":522},{"type":40,"tag":467,"props":621,"children":622},{"style":525},[623],{"type":45,"value":624},"viewport",{"type":40,"tag":467,"props":626,"children":627},{"style":474},[628],{"type":45,"value":522},{"type":40,"tag":467,"props":630,"children":631},{"style":486},[632],{"type":45,"value":633}," content",{"type":40,"tag":467,"props":635,"children":636},{"style":474},[637],{"type":45,"value":517},{"type":40,"tag":467,"props":639,"children":640},{"style":474},[641],{"type":45,"value":522},{"type":40,"tag":467,"props":643,"children":644},{"style":525},[645],{"type":45,"value":646},"width=device-width, initial-scale=1",{"type":40,"tag":467,"props":648,"children":649},{"style":474},[650],{"type":45,"value":522},{"type":40,"tag":467,"props":652,"children":653},{"style":474},[654],{"type":45,"value":594},{"type":40,"tag":467,"props":656,"children":658},{"class":469,"line":657},6,[659,663,668,673,679,684,688],{"type":40,"tag":467,"props":660,"children":661},{"style":474},[662],{"type":45,"value":562},{"type":40,"tag":467,"props":664,"children":665},{"style":480},[666],{"type":45,"value":667},"title",{"type":40,"tag":467,"props":669,"children":670},{"style":474},[671],{"type":45,"value":672},">",{"type":40,"tag":467,"props":674,"children":676},{"style":675},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[677],{"type":45,"value":678},"Clear artifact title",{"type":40,"tag":467,"props":680,"children":681},{"style":474},[682],{"type":45,"value":683},"\u003C\u002F",{"type":40,"tag":467,"props":685,"children":686},{"style":480},[687],{"type":45,"value":667},{"type":40,"tag":467,"props":689,"children":690},{"style":474},[691],{"type":45,"value":494},{"type":40,"tag":467,"props":693,"children":695},{"class":469,"line":694},7,[696,700,705,710,714,719,724],{"type":40,"tag":467,"props":697,"children":698},{"style":474},[699],{"type":45,"value":562},{"type":40,"tag":467,"props":701,"children":702},{"style":480},[703],{"type":45,"value":704},"style",{"type":40,"tag":467,"props":706,"children":707},{"style":486},[708],{"type":45,"value":709}," data-birch-system",{"type":40,"tag":467,"props":711,"children":712},{"style":474},[713],{"type":45,"value":672},{"type":40,"tag":467,"props":715,"children":716},{"style":675},[717],{"type":45,"value":718},"__BIRCH_SYSTEM_CSS__\u003C\u002F",{"type":40,"tag":467,"props":720,"children":722},{"style":721},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[723],{"type":45,"value":704},{"type":40,"tag":467,"props":725,"children":726},{"style":474},[727],{"type":45,"value":494},{"type":40,"tag":467,"props":729,"children":731},{"class":469,"line":730},8,[732,736,740,744,750,754,758],{"type":40,"tag":467,"props":733,"children":734},{"style":675},[735],{"type":45,"value":562},{"type":40,"tag":467,"props":737,"children":738},{"style":721},[739],{"type":45,"value":704},{"type":40,"tag":467,"props":741,"children":742},{"style":474},[743],{"type":45,"value":672},{"type":40,"tag":467,"props":745,"children":747},{"style":746},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[748],{"type":45,"value":749},"\u002F* Optional tiny wrapping\u002FSVG fixes only. Prefer deleted. *\u002F",{"type":40,"tag":467,"props":751,"children":752},{"style":474},[753],{"type":45,"value":683},{"type":40,"tag":467,"props":755,"children":756},{"style":480},[757],{"type":45,"value":704},{"type":40,"tag":467,"props":759,"children":760},{"style":474},[761],{"type":45,"value":494},{"type":40,"tag":467,"props":763,"children":765},{"class":469,"line":764},9,[766,770,774],{"type":40,"tag":467,"props":767,"children":768},{"style":474},[769],{"type":45,"value":683},{"type":40,"tag":467,"props":771,"children":772},{"style":480},[773],{"type":45,"value":549},{"type":40,"tag":467,"props":775,"children":776},{"style":474},[777],{"type":45,"value":494},{"type":40,"tag":467,"props":779,"children":781},{"class":469,"line":780},10,[782,786,790],{"type":40,"tag":467,"props":783,"children":784},{"style":474},[785],{"type":45,"value":503},{"type":40,"tag":467,"props":787,"children":788},{"style":480},[789],{"type":45,"value":122},{"type":40,"tag":467,"props":791,"children":792},{"style":474},[793],{"type":45,"value":494},{"type":40,"tag":467,"props":795,"children":797},{"class":469,"line":796},11,[798,802,807,812,816,820,825,829,834,838,842,847,851],{"type":40,"tag":467,"props":799,"children":800},{"style":474},[801],{"type":45,"value":562},{"type":40,"tag":467,"props":803,"children":804},{"style":480},[805],{"type":45,"value":806},"main",{"type":40,"tag":467,"props":808,"children":809},{"style":486},[810],{"type":45,"value":811}," class",{"type":40,"tag":467,"props":813,"children":814},{"style":474},[815],{"type":45,"value":517},{"type":40,"tag":467,"props":817,"children":818},{"style":474},[819],{"type":45,"value":522},{"type":40,"tag":467,"props":821,"children":822},{"style":525},[823],{"type":45,"value":824},"page stack",{"type":40,"tag":467,"props":826,"children":827},{"style":474},[828],{"type":45,"value":522},{"type":40,"tag":467,"props":830,"children":831},{"style":486},[832],{"type":45,"value":833}," data-gap",{"type":40,"tag":467,"props":835,"children":836},{"style":474},[837],{"type":45,"value":517},{"type":40,"tag":467,"props":839,"children":840},{"style":474},[841],{"type":45,"value":522},{"type":40,"tag":467,"props":843,"children":844},{"style":525},[845],{"type":45,"value":846},"lg",{"type":40,"tag":467,"props":848,"children":849},{"style":474},[850],{"type":45,"value":522},{"type":40,"tag":467,"props":852,"children":853},{"style":474},[854],{"type":45,"value":494},{"type":40,"tag":467,"props":856,"children":858},{"class":469,"line":857},12,[859,864,869,873,877,881,886,890,894,898,902,907,911],{"type":40,"tag":467,"props":860,"children":861},{"style":474},[862],{"type":45,"value":863},"    \u003C",{"type":40,"tag":467,"props":865,"children":866},{"style":480},[867],{"type":45,"value":868},"header",{"type":40,"tag":467,"props":870,"children":871},{"style":486},[872],{"type":45,"value":811},{"type":40,"tag":467,"props":874,"children":875},{"style":474},[876],{"type":45,"value":517},{"type":40,"tag":467,"props":878,"children":879},{"style":474},[880],{"type":45,"value":522},{"type":40,"tag":467,"props":882,"children":883},{"style":525},[884],{"type":45,"value":885},"stack",{"type":40,"tag":467,"props":887,"children":888},{"style":474},[889],{"type":45,"value":522},{"type":40,"tag":467,"props":891,"children":892},{"style":486},[893],{"type":45,"value":833},{"type":40,"tag":467,"props":895,"children":896},{"style":474},[897],{"type":45,"value":517},{"type":40,"tag":467,"props":899,"children":900},{"style":474},[901],{"type":45,"value":522},{"type":40,"tag":467,"props":903,"children":904},{"style":525},[905],{"type":45,"value":906},"sm",{"type":40,"tag":467,"props":908,"children":909},{"style":474},[910],{"type":45,"value":522},{"type":40,"tag":467,"props":912,"children":913},{"style":474},[914],{"type":45,"value":494},{"type":40,"tag":467,"props":916,"children":918},{"class":469,"line":917},13,[919,924,929,933,937,941,946,950,954,959,963,967],{"type":40,"tag":467,"props":920,"children":921},{"style":474},[922],{"type":45,"value":923},"      \u003C",{"type":40,"tag":467,"props":925,"children":926},{"style":480},[927],{"type":45,"value":928},"div",{"type":40,"tag":467,"props":930,"children":931},{"style":486},[932],{"type":45,"value":811},{"type":40,"tag":467,"props":934,"children":935},{"style":474},[936],{"type":45,"value":517},{"type":40,"tag":467,"props":938,"children":939},{"style":474},[940],{"type":45,"value":522},{"type":40,"tag":467,"props":942,"children":943},{"style":525},[944],{"type":45,"value":945},"eyebrow",{"type":40,"tag":467,"props":947,"children":948},{"style":474},[949],{"type":45,"value":522},{"type":40,"tag":467,"props":951,"children":952},{"style":474},[953],{"type":45,"value":672},{"type":40,"tag":467,"props":955,"children":956},{"style":675},[957],{"type":45,"value":958},"Review artifact",{"type":40,"tag":467,"props":960,"children":961},{"style":474},[962],{"type":45,"value":683},{"type":40,"tag":467,"props":964,"children":965},{"style":480},[966],{"type":45,"value":928},{"type":40,"tag":467,"props":968,"children":969},{"style":474},[970],{"type":45,"value":494},{"type":40,"tag":467,"props":972,"children":974},{"class":469,"line":973},14,[975,979,983,987,991,995,999],{"type":40,"tag":467,"props":976,"children":977},{"style":474},[978],{"type":45,"value":923},{"type":40,"tag":467,"props":980,"children":981},{"style":480},[982],{"type":45,"value":41},{"type":40,"tag":467,"props":984,"children":985},{"style":474},[986],{"type":45,"value":672},{"type":40,"tag":467,"props":988,"children":989},{"style":675},[990],{"type":45,"value":678},{"type":40,"tag":467,"props":992,"children":993},{"style":474},[994],{"type":45,"value":683},{"type":40,"tag":467,"props":996,"children":997},{"style":480},[998],{"type":45,"value":41},{"type":40,"tag":467,"props":1000,"children":1001},{"style":474},[1002],{"type":45,"value":494},{"type":40,"tag":467,"props":1004,"children":1006},{"class":469,"line":1005},15,[1007,1011,1015,1019,1023,1027,1032,1036,1040,1045,1049,1053],{"type":40,"tag":467,"props":1008,"children":1009},{"style":474},[1010],{"type":45,"value":923},{"type":40,"tag":467,"props":1012,"children":1013},{"style":480},[1014],{"type":45,"value":48},{"type":40,"tag":467,"props":1016,"children":1017},{"style":486},[1018],{"type":45,"value":811},{"type":40,"tag":467,"props":1020,"children":1021},{"style":474},[1022],{"type":45,"value":517},{"type":40,"tag":467,"props":1024,"children":1025},{"style":474},[1026],{"type":45,"value":522},{"type":40,"tag":467,"props":1028,"children":1029},{"style":525},[1030],{"type":45,"value":1031},"lede",{"type":40,"tag":467,"props":1033,"children":1034},{"style":474},[1035],{"type":45,"value":522},{"type":40,"tag":467,"props":1037,"children":1038},{"style":474},[1039],{"type":45,"value":672},{"type":40,"tag":467,"props":1041,"children":1042},{"style":675},[1043],{"type":45,"value":1044},"One or two source-grounded sentences.",{"type":40,"tag":467,"props":1046,"children":1047},{"style":474},[1048],{"type":45,"value":683},{"type":40,"tag":467,"props":1050,"children":1051},{"style":480},[1052],{"type":45,"value":48},{"type":40,"tag":467,"props":1054,"children":1055},{"style":474},[1056],{"type":45,"value":494},{"type":40,"tag":467,"props":1058,"children":1060},{"class":469,"line":1059},16,[1061,1066,1070],{"type":40,"tag":467,"props":1062,"children":1063},{"style":474},[1064],{"type":45,"value":1065},"    \u003C\u002F",{"type":40,"tag":467,"props":1067,"children":1068},{"style":480},[1069],{"type":45,"value":868},{"type":40,"tag":467,"props":1071,"children":1072},{"style":474},[1073],{"type":45,"value":494},{"type":40,"tag":467,"props":1075,"children":1077},{"class":469,"line":1076},17,[1078,1082,1087,1091,1095,1099,1104,1108,1112,1116,1120,1124,1128,1132,1137,1141,1145],{"type":40,"tag":467,"props":1079,"children":1080},{"style":474},[1081],{"type":45,"value":863},{"type":40,"tag":467,"props":1083,"children":1084},{"style":480},[1085],{"type":45,"value":1086},"section",{"type":40,"tag":467,"props":1088,"children":1089},{"style":486},[1090],{"type":45,"value":811},{"type":40,"tag":467,"props":1092,"children":1093},{"style":474},[1094],{"type":45,"value":517},{"type":40,"tag":467,"props":1096,"children":1097},{"style":474},[1098],{"type":45,"value":522},{"type":40,"tag":467,"props":1100,"children":1101},{"style":525},[1102],{"type":45,"value":1103},"section stack",{"type":40,"tag":467,"props":1105,"children":1106},{"style":474},[1107],{"type":45,"value":522},{"type":40,"tag":467,"props":1109,"children":1110},{"style":486},[1111],{"type":45,"value":833},{"type":40,"tag":467,"props":1113,"children":1114},{"style":474},[1115],{"type":45,"value":517},{"type":40,"tag":467,"props":1117,"children":1118},{"style":474},[1119],{"type":45,"value":522},{"type":40,"tag":467,"props":1121,"children":1122},{"style":525},[1123],{"type":45,"value":846},{"type":40,"tag":467,"props":1125,"children":1126},{"style":474},[1127],{"type":45,"value":522},{"type":40,"tag":467,"props":1129,"children":1130},{"style":474},[1131],{"type":45,"value":672},{"type":40,"tag":467,"props":1133,"children":1134},{"style":675},[1135],{"type":45,"value":1136},"...",{"type":40,"tag":467,"props":1138,"children":1139},{"style":474},[1140],{"type":45,"value":683},{"type":40,"tag":467,"props":1142,"children":1143},{"style":480},[1144],{"type":45,"value":1086},{"type":40,"tag":467,"props":1146,"children":1147},{"style":474},[1148],{"type":45,"value":494},{"type":40,"tag":467,"props":1150,"children":1152},{"class":469,"line":1151},18,[1153,1158,1162],{"type":40,"tag":467,"props":1154,"children":1155},{"style":474},[1156],{"type":45,"value":1157},"  \u003C\u002F",{"type":40,"tag":467,"props":1159,"children":1160},{"style":480},[1161],{"type":45,"value":806},{"type":40,"tag":467,"props":1163,"children":1164},{"style":474},[1165],{"type":45,"value":494},{"type":40,"tag":467,"props":1167,"children":1169},{"class":469,"line":1168},19,[1170,1174,1178],{"type":40,"tag":467,"props":1171,"children":1172},{"style":474},[1173],{"type":45,"value":683},{"type":40,"tag":467,"props":1175,"children":1176},{"style":480},[1177],{"type":45,"value":122},{"type":40,"tag":467,"props":1179,"children":1180},{"style":474},[1181],{"type":45,"value":494},{"type":40,"tag":467,"props":1183,"children":1185},{"class":469,"line":1184},20,[1186,1190,1194],{"type":40,"tag":467,"props":1187,"children":1188},{"style":474},[1189],{"type":45,"value":683},{"type":40,"tag":467,"props":1191,"children":1192},{"style":480},[1193],{"type":45,"value":18},{"type":40,"tag":467,"props":1195,"children":1196},{"style":474},[1197],{"type":45,"value":494},{"type":40,"tag":54,"props":1199,"children":1201},{"id":1200},"grounding",[1202],{"type":45,"value":1203},"Grounding",{"type":40,"tag":61,"props":1205,"children":1206},{},[1207,1212,1217,1222],{"type":40,"tag":65,"props":1208,"children":1209},{},[1210],{"type":45,"value":1211},"Put exact values, file paths, commands, caveats, and verification evidence near\nthe claim they support.",{"type":40,"tag":65,"props":1213,"children":1214},{},[1215],{"type":45,"value":1216},"Use neutral uncertainty language: “observed”, “suggests”, “not verified”,\n“source not present”.",{"type":40,"tag":65,"props":1218,"children":1219},{},[1220],{"type":45,"value":1221},"Do not claim performance, risk, ownership, intent, or causality without source\nsupport. Label assumptions.",{"type":40,"tag":65,"props":1223,"children":1224},{},[1225],{"type":45,"value":1226},"Prefer captions citing paths\u002Ffunctions over broad narrative.",{"type":40,"tag":54,"props":1228,"children":1230},{"id":1229},"birch-primitives-and-local-css",[1231],{"type":45,"value":1232},"Birch primitives and local CSS",{"type":40,"tag":48,"props":1234,"children":1235},{},[1236,1238,1244,1245,1251,1252,1258,1259,1265,1266,1272,1273,1279,1280,1286,1287,1293,1294,1300,1301,1307,1308,1314,1315,1321,1322,1328,1329,1335,1336,1342,1343,1349,1350,1356,1357,1363,1364,1370,1371,1377,1378,1384,1385,1391,1392,1398,1399,1405,1406,1412,1413,1419,1420,1426,1427,1433,1434,1440,1441,1447],{"type":45,"value":1237},"Build with primitives, not custom boxes: ",{"type":40,"tag":81,"props":1239,"children":1241},{"className":1240},[],[1242],{"type":45,"value":1243},".section",{"type":45,"value":124},{"type":40,"tag":81,"props":1246,"children":1248},{"className":1247},[],[1249],{"type":45,"value":1250},".section-head",{"type":45,"value":124},{"type":40,"tag":81,"props":1253,"children":1255},{"className":1254},[],[1256],{"type":45,"value":1257},".stack",{"type":45,"value":215},{"type":40,"tag":81,"props":1260,"children":1262},{"className":1261},[],[1263],{"type":45,"value":1264},".cluster",{"type":45,"value":124},{"type":40,"tag":81,"props":1267,"children":1269},{"className":1268},[],[1270],{"type":45,"value":1271},".card",{"type":45,"value":124},{"type":40,"tag":81,"props":1274,"children":1276},{"className":1275},[],[1277],{"type":45,"value":1278},".panel",{"type":45,"value":124},{"type":40,"tag":81,"props":1281,"children":1283},{"className":1282},[],[1284],{"type":45,"value":1285},".auto-grid",{"type":45,"value":124},{"type":40,"tag":81,"props":1288,"children":1290},{"className":1289},[],[1291],{"type":45,"value":1292},".section-rail",{"type":45,"value":215},{"type":40,"tag":81,"props":1295,"children":1297},{"className":1296},[],[1298],{"type":45,"value":1299},".reference-panel",{"type":45,"value":124},{"type":40,"tag":81,"props":1302,"children":1304},{"className":1303},[],[1305],{"type":45,"value":1306},".chart-panel",{"type":45,"value":124},{"type":40,"tag":81,"props":1309,"children":1311},{"className":1310},[],[1312],{"type":45,"value":1313},".chart-svg",{"type":45,"value":124},{"type":40,"tag":81,"props":1316,"children":1318},{"className":1317},[],[1319],{"type":45,"value":1320},".chart-caption",{"type":45,"value":215},{"type":40,"tag":81,"props":1323,"children":1325},{"className":1324},[],[1326],{"type":45,"value":1327},".stat-card",{"type":45,"value":124},{"type":40,"tag":81,"props":1330,"children":1332},{"className":1331},[],[1333],{"type":45,"value":1334},".stat-value",{"type":45,"value":124},{"type":40,"tag":81,"props":1337,"children":1339},{"className":1338},[],[1340],{"type":45,"value":1341},".metric-list",{"type":45,"value":124},{"type":40,"tag":81,"props":1344,"children":1346},{"className":1345},[],[1347],{"type":45,"value":1348},".metric-row",{"type":45,"value":215},{"type":40,"tag":81,"props":1351,"children":1353},{"className":1352},[],[1354],{"type":45,"value":1355},".numeric-table-wrap",{"type":45,"value":124},{"type":40,"tag":81,"props":1358,"children":1360},{"className":1359},[],[1361],{"type":45,"value":1362},".numeric-table",{"type":45,"value":124},{"type":40,"tag":81,"props":1365,"children":1367},{"className":1366},[],[1368],{"type":45,"value":1369},".flow-list",{"type":45,"value":124},{"type":40,"tag":81,"props":1372,"children":1374},{"className":1373},[],[1375],{"type":45,"value":1376},".flow-step",{"type":45,"value":215},{"type":40,"tag":81,"props":1379,"children":1381},{"className":1380},[],[1382],{"type":45,"value":1383},".code-block",{"type":45,"value":124},{"type":40,"tag":81,"props":1386,"children":1388},{"className":1387},[],[1389],{"type":45,"value":1390},".diff",{"type":45,"value":124},{"type":40,"tag":81,"props":1393,"children":1395},{"className":1394},[],[1396],{"type":45,"value":1397},".checklist",{"type":45,"value":124},{"type":40,"tag":81,"props":1400,"children":1402},{"className":1401},[],[1403],{"type":45,"value":1404},".plain-list",{"type":45,"value":124},{"type":40,"tag":81,"props":1407,"children":1409},{"className":1408},[],[1410],{"type":45,"value":1411},".insight-list",{"type":45,"value":215},{"type":40,"tag":81,"props":1414,"children":1416},{"className":1415},[],[1417],{"type":45,"value":1418},".takeaway-list",{"type":45,"value":124},{"type":40,"tag":81,"props":1421,"children":1423},{"className":1422},[],[1424],{"type":45,"value":1425},".chip",{"type":45,"value":124},{"type":40,"tag":81,"props":1428,"children":1430},{"className":1429},[],[1431],{"type":45,"value":1432},".caption",{"type":45,"value":124},{"type":40,"tag":81,"props":1435,"children":1437},{"className":1436},[],[1438],{"type":45,"value":1439},".lede",{"type":45,"value":124},{"type":40,"tag":81,"props":1442,"children":1444},{"className":1443},[],[1445],{"type":45,"value":1446},".scroll-x",{"type":45,"value":1448},".\nUse semantic primitives in every artifact: sections plus cards, lists, tables,\nflow steps, diff rows, metric lists, or chart panels as relevant.",{"type":40,"tag":48,"props":1450,"children":1451},{},[1452,1454,1459,1460,1465,1466,1471,1473,1479,1480,1486,1487,1493,1494,1500,1501,1507,1508,1514,1515,1521,1522,1528,1529,1535,1537,1543],{"type":45,"value":1453},"Page-local CSS: ideally none; hard target under 30 lines \u002F 1.5 KB. Use it only\nfor page-specific SVG sizing, chart sizing, tiny gaps, or wrapping. Do not\nrecreate shells\u002Fcards\u002Fgrids\u002Frails\u002Ftables\u002Ftypography\u002Fbadges\u002Fmeters, redefine\nBirch primitives, or use ",{"type":40,"tag":81,"props":1455,"children":1457},{"className":1456},[],[1458],{"type":45,"value":213},{"type":45,"value":124},{"type":40,"tag":81,"props":1461,"children":1463},{"className":1462},[],[1464],{"type":45,"value":221},{"type":45,"value":189},{"type":40,"tag":81,"props":1467,"children":1469},{"className":1468},[],[1470],{"type":45,"value":228},{"type":45,"value":1472},". Put local CSS after the Birch placeholder\u002Flink. Use only\nBirch variables (",{"type":40,"tag":81,"props":1474,"children":1476},{"className":1475},[],[1477],{"type":45,"value":1478},"--bg",{"type":45,"value":124},{"type":40,"tag":81,"props":1481,"children":1483},{"className":1482},[],[1484],{"type":45,"value":1485},"--surface",{"type":45,"value":124},{"type":40,"tag":81,"props":1488,"children":1490},{"className":1489},[],[1491],{"type":45,"value":1492},"--text",{"type":45,"value":124},{"type":40,"tag":81,"props":1495,"children":1497},{"className":1496},[],[1498],{"type":45,"value":1499},"--border-color",{"type":45,"value":124},{"type":40,"tag":81,"props":1502,"children":1504},{"className":1503},[],[1505],{"type":45,"value":1506},"--accent",{"type":45,"value":215},{"type":40,"tag":81,"props":1509,"children":1511},{"className":1510},[],[1512],{"type":45,"value":1513},"--success",{"type":45,"value":124},{"type":40,"tag":81,"props":1516,"children":1518},{"className":1517},[],[1519],{"type":45,"value":1520},"--danger",{"type":45,"value":124},{"type":40,"tag":81,"props":1523,"children":1525},{"className":1524},[],[1526],{"type":45,"value":1527},"--info",{"type":45,"value":124},{"type":40,"tag":81,"props":1530,"children":1532},{"className":1531},[],[1533],{"type":45,"value":1534},"--space-1",{"type":45,"value":1536},"…",{"type":40,"tag":81,"props":1538,"children":1540},{"className":1539},[],[1541],{"type":45,"value":1542},"--space-8",{"type":45,"value":1544},", and documented\ncolor tokens).",{"type":40,"tag":54,"props":1546,"children":1548},{"id":1547},"mobile-safety",[1549],{"type":45,"value":1550},"Mobile safety",{"type":40,"tag":48,"props":1552,"children":1553},{},[1554],{"type":45,"value":1555},"Design for 390px. Rows, chips, stat values, code, tables, and SVGs must wrap or\nscroll inside their own container without page-level horizontal overflow.",{"type":40,"tag":61,"props":1557,"children":1558},{},[1559,1564,1575,1600,1613,1626,1638,1643,1654,1667,1678],{"type":40,"tag":65,"props":1560,"children":1561},{},[1562],{"type":45,"value":1563},"If prose\u002Flist text wraps to one or two words per line in a wide card, remove\ncustom grid\u002Fflex and stack it.",{"type":40,"tag":65,"props":1565,"children":1566},{},[1567,1569,1574],{"type":45,"value":1568},"Long paths, commands, hashes, identifiers, URLs, diff lines, numeric notes, and\nsymbols must wrap or live inside ",{"type":40,"tag":81,"props":1570,"children":1572},{"className":1571},[],[1573],{"type":45,"value":1446},{"type":45,"value":88},{"type":40,"tag":65,"props":1576,"children":1577},{},[1578,1579,1585,1587,1592,1594,1599],{"type":45,"value":103},{"type":40,"tag":81,"props":1580,"children":1582},{"className":1581},[],[1583],{"type":45,"value":1584},"data-wrap=\"true\"",{"type":45,"value":1586}," on every long ",{"type":40,"tag":81,"props":1588,"children":1590},{"className":1589},[],[1591],{"type":45,"value":1383},{"type":45,"value":1593}," and ",{"type":40,"tag":81,"props":1595,"children":1597},{"className":1596},[],[1598],{"type":45,"value":1390},{"type":45,"value":88},{"type":40,"tag":65,"props":1601,"children":1602},{},[1603,1605,1611],{"type":45,"value":1604},"Do not use long paths\u002Fidentifiers as headings; put them in captions, prose,\n",{"type":40,"tag":81,"props":1606,"children":1608},{"className":1607},[],[1609],{"type":45,"value":1610},"\u003Ccode>",{"type":45,"value":1612},", wrapped blocks, or short chips.",{"type":40,"tag":65,"props":1614,"children":1615},{},[1616,1618,1624],{"type":45,"value":1617},"Keep chips and ",{"type":40,"tag":81,"props":1619,"children":1621},{"className":1620},[],[1622],{"type":45,"value":1623},"\u003Ch1>",{"type":45,"value":1625}," short; move long nouns to lede\u002Fcaptions.",{"type":40,"tag":65,"props":1627,"children":1628},{},[1629,1631,1637],{"type":45,"value":1630},"Numeric tables always use\n",{"type":40,"tag":81,"props":1632,"children":1634},{"className":1633},[],[1635],{"type":45,"value":1636},"\u003Cdiv class=\"numeric-table-wrap\">\u003Ctable class=\"numeric-table\">...\u003C\u002Ftable>\u003C\u002Fdiv>",{"type":45,"value":88},{"type":40,"tag":65,"props":1639,"children":1640},{},[1641],{"type":45,"value":1642},"Keep numeric tables to 3–5 columns. Split wide data into smaller tables plus\nKPI cards. Avoid all-in-one tables with long prose cells.",{"type":40,"tag":65,"props":1644,"children":1645},{},[1646,1648],{"type":45,"value":1647},"If table cells contain paths, notes, code, commands, or long labels, add:\n",{"type":40,"tag":81,"props":1649,"children":1651},{"className":1650},[],[1652],{"type":45,"value":1653},".numeric-table code, .numeric-table .note { white-space: normal; overflow-wrap: anywhere; word-break: break-word; }",{"type":40,"tag":65,"props":1655,"children":1656},{},[1657,1659,1665],{"type":45,"value":1658},"Never put long paths, excerpts, or prose-heavy evidence in narrow table\ncolumns unless the table is wrapped and those cells can break anywhere; prefer\nstacked cards, lists, or ",{"type":40,"tag":81,"props":1660,"children":1662},{"className":1661},[],[1663],{"type":45,"value":1664},".code-block data-wrap=\"true\"",{"type":45,"value":1666}," for code-review\nevidence.",{"type":40,"tag":65,"props":1668,"children":1669},{},[1670,1671,1676],{"type":45,"value":103},{"type":40,"tag":81,"props":1672,"children":1674},{"className":1673},[],[1675],{"type":45,"value":1446},{"type":45,"value":1677}," only for truly wide comparisons; otherwise reduce columns.",{"type":40,"tag":65,"props":1679,"children":1680},{},[1681,1683,1688],{"type":45,"value":1682},"In side rails, avoid long ",{"type":40,"tag":81,"props":1684,"children":1686},{"className":1685},[],[1687],{"type":45,"value":1348},{"type":45,"value":1689}," values; prefer KPI cards, lists, or\ncompact metric CSS vars.",{"type":40,"tag":54,"props":1691,"children":1693},{"id":1692},"layout-rules",[1694],{"type":45,"value":1695},"Layout rules",{"type":40,"tag":61,"props":1697,"children":1698},{},[1699,1718,1738,1757,1762,1767],{"type":40,"tag":65,"props":1700,"children":1701},{},[1702,1704,1709,1711,1717],{"type":45,"value":1703},"Prefer ",{"type":40,"tag":81,"props":1705,"children":1707},{"className":1706},[],[1708],{"type":45,"value":1292},{"type":45,"value":1710},": main content first, then ",{"type":40,"tag":81,"props":1712,"children":1714},{"className":1713},[],[1715],{"type":45,"value":1716},"\u003Caside class=\"reference-panel\">",{"type":45,"value":88},{"type":40,"tag":65,"props":1719,"children":1720},{},[1721,1723,1729,1731,1736],{"type":45,"value":1722},"Avoid ",{"type":40,"tag":81,"props":1724,"children":1726},{"className":1725},[],[1727],{"type":45,"value":1728},".split",{"type":45,"value":1730}," for plans, source-vs-assumption blocks, or columns with headings\non both sides; use ",{"type":40,"tag":81,"props":1732,"children":1734},{"className":1733},[],[1735],{"type":45,"value":1292},{"type":45,"value":1737}," or stacked cards.",{"type":40,"tag":65,"props":1739,"children":1740},{},[1741,1743,1748,1750,1756],{"type":45,"value":1742},"KPI strips use ",{"type":40,"tag":81,"props":1744,"children":1746},{"className":1745},[],[1747],{"type":45,"value":1285},{"type":45,"value":1749}," with ",{"type":40,"tag":81,"props":1751,"children":1753},{"className":1752},[],[1754],{"type":45,"value":1755},"style=\"--grid-min: 160px\"",{"type":45,"value":88},{"type":40,"tag":65,"props":1758,"children":1759},{},[1760],{"type":45,"value":1761},"Keep side rails short: caveats, sources, compact KPIs only.",{"type":40,"tag":65,"props":1763,"children":1764},{},[1765],{"type":45,"value":1766},"Numeric\u002Fdata artifacts must show evidence in the first desktop viewport:\ncompact hero, KPI strip, and chart\u002Franking\u002Ftable start.",{"type":40,"tag":65,"props":1768,"children":1769},{},[1770],{"type":45,"value":1771},"Numeric\u002Fdata and benchmark pages need KPI cards or valid metric rows, a chart\nor ranking, a numeric table, and source\u002Fcaveat captions.",{"type":40,"tag":54,"props":1773,"children":1775},{"id":1774},"strict-components",[1776],{"type":45,"value":1777},"Strict components",{"type":40,"tag":1779,"props":1780,"children":1782},"h3",{"id":1781},"diff-rows",[1783],{"type":45,"value":1784},"Diff rows",{"type":40,"tag":48,"props":1786,"children":1787},{},[1788,1790,1795,1796,1801,1802,1808,1810,1815,1817,1823,1824,1830,1831,1837,1839,1844,1845,1850,1852,1858,1859,1865,1867,1873,1874,1880],{"type":45,"value":1789},"Never put raw patch text directly in HTML source or code blocks. No generated\nsource line may begin with ",{"type":40,"tag":81,"props":1791,"children":1793},{"className":1792},[],[1794],{"type":45,"value":257},{"type":45,"value":124},{"type":40,"tag":81,"props":1797,"children":1799},{"className":1798},[],[1800],{"type":45,"value":265},{"type":45,"value":139},{"type":40,"tag":81,"props":1803,"children":1805},{"className":1804},[],[1806],{"type":45,"value":1807},"@@",{"type":45,"value":1809}," to represent a patch. Use\n",{"type":40,"tag":81,"props":1811,"children":1813},{"className":1812},[],[1814],{"type":45,"value":249},{"type":45,"value":1816}," with exactly three direct children: ",{"type":40,"tag":81,"props":1818,"children":1820},{"className":1819},[],[1821],{"type":45,"value":1822},".ln",{"type":45,"value":124},{"type":40,"tag":81,"props":1825,"children":1827},{"className":1826},[],[1828],{"type":45,"value":1829},".mark",{"type":45,"value":124},{"type":40,"tag":81,"props":1832,"children":1834},{"className":1833},[],[1835],{"type":45,"value":1836},".code",{"type":45,"value":1838},"; mark\ntext is ",{"type":40,"tag":81,"props":1840,"children":1842},{"className":1841},[],[1843],{"type":45,"value":257},{"type":45,"value":124},{"type":40,"tag":81,"props":1846,"children":1848},{"className":1847},[],[1849],{"type":45,"value":265},{"type":45,"value":1851},", or one space; added rows use ",{"type":40,"tag":81,"props":1853,"children":1855},{"className":1854},[],[1856],{"type":45,"value":1857},".add",{"type":45,"value":259},{"type":40,"tag":81,"props":1860,"children":1862},{"className":1861},[],[1863],{"type":45,"value":1864},"data-kind=\"add\"",{"type":45,"value":1866},",\ndeleted rows use ",{"type":40,"tag":81,"props":1868,"children":1870},{"className":1869},[],[1871],{"type":45,"value":1872},".del",{"type":45,"value":259},{"type":40,"tag":81,"props":1875,"children":1877},{"className":1876},[],[1878],{"type":45,"value":1879},"data-kind=\"del\"",{"type":45,"value":88},{"type":40,"tag":457,"props":1882,"children":1884},{"className":459,"code":1883,"language":18,"meta":461,"style":461},"\u003Cdiv class=\"diff\" data-wrap=\"true\">\n  \u003Cdiv class=\"diff-row add\">\u003Cspan class=\"ln\">12\u003C\u002Fspan>\u003Cspan class=\"mark\">+\u003C\u002Fspan>\u003Cspan class=\"code\">added code\u003C\u002Fspan>\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n",[1885],{"type":40,"tag":81,"props":1886,"children":1887},{"__ignoreMap":461},[1888,1946,2128],{"type":40,"tag":467,"props":1889,"children":1890},{"class":469,"line":470},[1891,1895,1899,1903,1907,1911,1916,1920,1925,1929,1933,1938,1942],{"type":40,"tag":467,"props":1892,"children":1893},{"style":474},[1894],{"type":45,"value":503},{"type":40,"tag":467,"props":1896,"children":1897},{"style":480},[1898],{"type":45,"value":928},{"type":40,"tag":467,"props":1900,"children":1901},{"style":486},[1902],{"type":45,"value":811},{"type":40,"tag":467,"props":1904,"children":1905},{"style":474},[1906],{"type":45,"value":517},{"type":40,"tag":467,"props":1908,"children":1909},{"style":474},[1910],{"type":45,"value":522},{"type":40,"tag":467,"props":1912,"children":1913},{"style":525},[1914],{"type":45,"value":1915},"diff",{"type":40,"tag":467,"props":1917,"children":1918},{"style":474},[1919],{"type":45,"value":522},{"type":40,"tag":467,"props":1921,"children":1922},{"style":486},[1923],{"type":45,"value":1924}," data-wrap",{"type":40,"tag":467,"props":1926,"children":1927},{"style":474},[1928],{"type":45,"value":517},{"type":40,"tag":467,"props":1930,"children":1931},{"style":474},[1932],{"type":45,"value":522},{"type":40,"tag":467,"props":1934,"children":1935},{"style":525},[1936],{"type":45,"value":1937},"true",{"type":40,"tag":467,"props":1939,"children":1940},{"style":474},[1941],{"type":45,"value":522},{"type":40,"tag":467,"props":1943,"children":1944},{"style":474},[1945],{"type":45,"value":494},{"type":40,"tag":467,"props":1947,"children":1948},{"class":469,"line":497},[1949,1953,1957,1961,1965,1969,1974,1978,1983,1987,1991,1995,1999,2004,2008,2012,2017,2021,2025,2029,2033,2037,2041,2045,2050,2054,2058,2062,2066,2070,2074,2078,2082,2086,2090,2094,2098,2102,2107,2111,2115,2120,2124],{"type":40,"tag":467,"props":1950,"children":1951},{"style":474},[1952],{"type":45,"value":562},{"type":40,"tag":467,"props":1954,"children":1955},{"style":480},[1956],{"type":45,"value":928},{"type":40,"tag":467,"props":1958,"children":1959},{"style":486},[1960],{"type":45,"value":811},{"type":40,"tag":467,"props":1962,"children":1963},{"style":474},[1964],{"type":45,"value":517},{"type":40,"tag":467,"props":1966,"children":1967},{"style":474},[1968],{"type":45,"value":522},{"type":40,"tag":467,"props":1970,"children":1971},{"style":525},[1972],{"type":45,"value":1973},"diff-row add",{"type":40,"tag":467,"props":1975,"children":1976},{"style":474},[1977],{"type":45,"value":522},{"type":40,"tag":467,"props":1979,"children":1980},{"style":474},[1981],{"type":45,"value":1982},">\u003C",{"type":40,"tag":467,"props":1984,"children":1985},{"style":480},[1986],{"type":45,"value":467},{"type":40,"tag":467,"props":1988,"children":1989},{"style":486},[1990],{"type":45,"value":811},{"type":40,"tag":467,"props":1992,"children":1993},{"style":474},[1994],{"type":45,"value":517},{"type":40,"tag":467,"props":1996,"children":1997},{"style":474},[1998],{"type":45,"value":522},{"type":40,"tag":467,"props":2000,"children":2001},{"style":525},[2002],{"type":45,"value":2003},"ln",{"type":40,"tag":467,"props":2005,"children":2006},{"style":474},[2007],{"type":45,"value":522},{"type":40,"tag":467,"props":2009,"children":2010},{"style":474},[2011],{"type":45,"value":672},{"type":40,"tag":467,"props":2013,"children":2014},{"style":675},[2015],{"type":45,"value":2016},"12",{"type":40,"tag":467,"props":2018,"children":2019},{"style":474},[2020],{"type":45,"value":683},{"type":40,"tag":467,"props":2022,"children":2023},{"style":480},[2024],{"type":45,"value":467},{"type":40,"tag":467,"props":2026,"children":2027},{"style":474},[2028],{"type":45,"value":1982},{"type":40,"tag":467,"props":2030,"children":2031},{"style":480},[2032],{"type":45,"value":467},{"type":40,"tag":467,"props":2034,"children":2035},{"style":486},[2036],{"type":45,"value":811},{"type":40,"tag":467,"props":2038,"children":2039},{"style":474},[2040],{"type":45,"value":517},{"type":40,"tag":467,"props":2042,"children":2043},{"style":474},[2044],{"type":45,"value":522},{"type":40,"tag":467,"props":2046,"children":2047},{"style":525},[2048],{"type":45,"value":2049},"mark",{"type":40,"tag":467,"props":2051,"children":2052},{"style":474},[2053],{"type":45,"value":522},{"type":40,"tag":467,"props":2055,"children":2056},{"style":474},[2057],{"type":45,"value":672},{"type":40,"tag":467,"props":2059,"children":2060},{"style":675},[2061],{"type":45,"value":257},{"type":40,"tag":467,"props":2063,"children":2064},{"style":474},[2065],{"type":45,"value":683},{"type":40,"tag":467,"props":2067,"children":2068},{"style":480},[2069],{"type":45,"value":467},{"type":40,"tag":467,"props":2071,"children":2072},{"style":474},[2073],{"type":45,"value":1982},{"type":40,"tag":467,"props":2075,"children":2076},{"style":480},[2077],{"type":45,"value":467},{"type":40,"tag":467,"props":2079,"children":2080},{"style":486},[2081],{"type":45,"value":811},{"type":40,"tag":467,"props":2083,"children":2084},{"style":474},[2085],{"type":45,"value":517},{"type":40,"tag":467,"props":2087,"children":2088},{"style":474},[2089],{"type":45,"value":522},{"type":40,"tag":467,"props":2091,"children":2092},{"style":525},[2093],{"type":45,"value":81},{"type":40,"tag":467,"props":2095,"children":2096},{"style":474},[2097],{"type":45,"value":522},{"type":40,"tag":467,"props":2099,"children":2100},{"style":474},[2101],{"type":45,"value":672},{"type":40,"tag":467,"props":2103,"children":2104},{"style":675},[2105],{"type":45,"value":2106},"added code",{"type":40,"tag":467,"props":2108,"children":2109},{"style":474},[2110],{"type":45,"value":683},{"type":40,"tag":467,"props":2112,"children":2113},{"style":480},[2114],{"type":45,"value":467},{"type":40,"tag":467,"props":2116,"children":2117},{"style":474},[2118],{"type":45,"value":2119},">\u003C\u002F",{"type":40,"tag":467,"props":2121,"children":2122},{"style":480},[2123],{"type":45,"value":928},{"type":40,"tag":467,"props":2125,"children":2126},{"style":474},[2127],{"type":45,"value":494},{"type":40,"tag":467,"props":2129,"children":2130},{"class":469,"line":539},[2131,2135,2139],{"type":40,"tag":467,"props":2132,"children":2133},{"style":474},[2134],{"type":45,"value":683},{"type":40,"tag":467,"props":2136,"children":2137},{"style":480},[2138],{"type":45,"value":928},{"type":40,"tag":467,"props":2140,"children":2141},{"style":474},[2142],{"type":45,"value":494},{"type":40,"tag":1779,"props":2144,"children":2146},{"id":2145},"flow-steps",[2147],{"type":45,"value":2148},"Flow steps",{"type":40,"tag":48,"props":2150,"children":2151},{},[2152,2154,2159,2161,2167],{"type":45,"value":2153},"Every ",{"type":40,"tag":81,"props":2155,"children":2157},{"className":2156},[],[2158],{"type":45,"value":1376},{"type":45,"value":2160}," has exactly two direct children: ",{"type":40,"tag":81,"props":2162,"children":2164},{"className":2163},[],[2165],{"type":45,"value":2166},".flow-num",{"type":45,"value":2168},", then one\ncontent wrapper. Put titles, paragraphs, lists, and code inside the wrapper.",{"type":40,"tag":457,"props":2170,"children":2172},{"className":459,"code":2171,"language":18,"meta":461,"style":461},"\u003Cli class=\"flow-step\">\u003Cspan class=\"flow-num\">1\u003C\u002Fspan>\u003Cdiv class=\"stack\" data-gap=\"sm\">\u003Ch3 class=\"flow-title\">Read inputs\u003C\u002Fh3>\u003Cp class=\"flow-detail\">Detail.\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fli>\n",[2173],{"type":40,"tag":81,"props":2174,"children":2175},{"__ignoreMap":461},[2176],{"type":40,"tag":467,"props":2177,"children":2178},{"class":469,"line":470},[2179,2183,2187,2191,2195,2199,2204,2208,2212,2216,2220,2224,2228,2233,2237,2241,2246,2250,2254,2258,2262,2266,2270,2274,2278,2282,2286,2290,2294,2298,2302,2306,2310,2314,2318,2322,2327,2331,2335,2340,2344,2348,2352,2356,2360,2364,2368,2373,2377,2381,2386,2390,2394,2398,2402,2406,2410],{"type":40,"tag":467,"props":2180,"children":2181},{"style":474},[2182],{"type":45,"value":503},{"type":40,"tag":467,"props":2184,"children":2185},{"style":480},[2186],{"type":45,"value":65},{"type":40,"tag":467,"props":2188,"children":2189},{"style":486},[2190],{"type":45,"value":811},{"type":40,"tag":467,"props":2192,"children":2193},{"style":474},[2194],{"type":45,"value":517},{"type":40,"tag":467,"props":2196,"children":2197},{"style":474},[2198],{"type":45,"value":522},{"type":40,"tag":467,"props":2200,"children":2201},{"style":525},[2202],{"type":45,"value":2203},"flow-step",{"type":40,"tag":467,"props":2205,"children":2206},{"style":474},[2207],{"type":45,"value":522},{"type":40,"tag":467,"props":2209,"children":2210},{"style":474},[2211],{"type":45,"value":1982},{"type":40,"tag":467,"props":2213,"children":2214},{"style":480},[2215],{"type":45,"value":467},{"type":40,"tag":467,"props":2217,"children":2218},{"style":486},[2219],{"type":45,"value":811},{"type":40,"tag":467,"props":2221,"children":2222},{"style":474},[2223],{"type":45,"value":517},{"type":40,"tag":467,"props":2225,"children":2226},{"style":474},[2227],{"type":45,"value":522},{"type":40,"tag":467,"props":2229,"children":2230},{"style":525},[2231],{"type":45,"value":2232},"flow-num",{"type":40,"tag":467,"props":2234,"children":2235},{"style":474},[2236],{"type":45,"value":522},{"type":40,"tag":467,"props":2238,"children":2239},{"style":474},[2240],{"type":45,"value":672},{"type":40,"tag":467,"props":2242,"children":2243},{"style":675},[2244],{"type":45,"value":2245},"1",{"type":40,"tag":467,"props":2247,"children":2248},{"style":474},[2249],{"type":45,"value":683},{"type":40,"tag":467,"props":2251,"children":2252},{"style":480},[2253],{"type":45,"value":467},{"type":40,"tag":467,"props":2255,"children":2256},{"style":474},[2257],{"type":45,"value":1982},{"type":40,"tag":467,"props":2259,"children":2260},{"style":480},[2261],{"type":45,"value":928},{"type":40,"tag":467,"props":2263,"children":2264},{"style":486},[2265],{"type":45,"value":811},{"type":40,"tag":467,"props":2267,"children":2268},{"style":474},[2269],{"type":45,"value":517},{"type":40,"tag":467,"props":2271,"children":2272},{"style":474},[2273],{"type":45,"value":522},{"type":40,"tag":467,"props":2275,"children":2276},{"style":525},[2277],{"type":45,"value":885},{"type":40,"tag":467,"props":2279,"children":2280},{"style":474},[2281],{"type":45,"value":522},{"type":40,"tag":467,"props":2283,"children":2284},{"style":486},[2285],{"type":45,"value":833},{"type":40,"tag":467,"props":2287,"children":2288},{"style":474},[2289],{"type":45,"value":517},{"type":40,"tag":467,"props":2291,"children":2292},{"style":474},[2293],{"type":45,"value":522},{"type":40,"tag":467,"props":2295,"children":2296},{"style":525},[2297],{"type":45,"value":906},{"type":40,"tag":467,"props":2299,"children":2300},{"style":474},[2301],{"type":45,"value":522},{"type":40,"tag":467,"props":2303,"children":2304},{"style":474},[2305],{"type":45,"value":1982},{"type":40,"tag":467,"props":2307,"children":2308},{"style":480},[2309],{"type":45,"value":1779},{"type":40,"tag":467,"props":2311,"children":2312},{"style":486},[2313],{"type":45,"value":811},{"type":40,"tag":467,"props":2315,"children":2316},{"style":474},[2317],{"type":45,"value":517},{"type":40,"tag":467,"props":2319,"children":2320},{"style":474},[2321],{"type":45,"value":522},{"type":40,"tag":467,"props":2323,"children":2324},{"style":525},[2325],{"type":45,"value":2326},"flow-title",{"type":40,"tag":467,"props":2328,"children":2329},{"style":474},[2330],{"type":45,"value":522},{"type":40,"tag":467,"props":2332,"children":2333},{"style":474},[2334],{"type":45,"value":672},{"type":40,"tag":467,"props":2336,"children":2337},{"style":675},[2338],{"type":45,"value":2339},"Read inputs",{"type":40,"tag":467,"props":2341,"children":2342},{"style":474},[2343],{"type":45,"value":683},{"type":40,"tag":467,"props":2345,"children":2346},{"style":480},[2347],{"type":45,"value":1779},{"type":40,"tag":467,"props":2349,"children":2350},{"style":474},[2351],{"type":45,"value":1982},{"type":40,"tag":467,"props":2353,"children":2354},{"style":480},[2355],{"type":45,"value":48},{"type":40,"tag":467,"props":2357,"children":2358},{"style":486},[2359],{"type":45,"value":811},{"type":40,"tag":467,"props":2361,"children":2362},{"style":474},[2363],{"type":45,"value":517},{"type":40,"tag":467,"props":2365,"children":2366},{"style":474},[2367],{"type":45,"value":522},{"type":40,"tag":467,"props":2369,"children":2370},{"style":525},[2371],{"type":45,"value":2372},"flow-detail",{"type":40,"tag":467,"props":2374,"children":2375},{"style":474},[2376],{"type":45,"value":522},{"type":40,"tag":467,"props":2378,"children":2379},{"style":474},[2380],{"type":45,"value":672},{"type":40,"tag":467,"props":2382,"children":2383},{"style":675},[2384],{"type":45,"value":2385},"Detail.",{"type":40,"tag":467,"props":2387,"children":2388},{"style":474},[2389],{"type":45,"value":683},{"type":40,"tag":467,"props":2391,"children":2392},{"style":480},[2393],{"type":45,"value":48},{"type":40,"tag":467,"props":2395,"children":2396},{"style":474},[2397],{"type":45,"value":2119},{"type":40,"tag":467,"props":2399,"children":2400},{"style":480},[2401],{"type":45,"value":928},{"type":40,"tag":467,"props":2403,"children":2404},{"style":474},[2405],{"type":45,"value":2119},{"type":40,"tag":467,"props":2407,"children":2408},{"style":480},[2409],{"type":45,"value":65},{"type":40,"tag":467,"props":2411,"children":2412},{"style":474},[2413],{"type":45,"value":494},{"type":40,"tag":1779,"props":2415,"children":2417},{"id":2416},"metric-rows",[2418],{"type":45,"value":2419},"Metric rows",{"type":40,"tag":48,"props":2421,"children":2422},{},[2423,2424,2429,2431,2436,2437,2443,2444,2449,2451,2457,2459,2464],{"type":45,"value":103},{"type":40,"tag":81,"props":2425,"children":2427},{"className":2426},[],[2428],{"type":45,"value":1348},{"type":45,"value":2430}," only for label + meter + short value; not for metadata,\ntimelines, work items, prose, or key\u002Fvalue rows. It has exactly three direct\nchildren: ",{"type":40,"tag":81,"props":2432,"children":2434},{"className":2433},[],[2435],{"type":45,"value":1432},{"type":45,"value":124},{"type":40,"tag":81,"props":2438,"children":2440},{"className":2439},[],[2441],{"type":45,"value":2442},".meter",{"type":45,"value":124},{"type":40,"tag":81,"props":2445,"children":2447},{"className":2446},[],[2448],{"type":45,"value":81},{"type":45,"value":2450},". Do not add extra children or ",{"type":40,"tag":81,"props":2452,"children":2454},{"className":2453},[],[2455],{"type":45,"value":2456},".metric",{"type":45,"value":2458},"\ninside ",{"type":40,"tag":81,"props":2460,"children":2462},{"className":2461},[],[2463],{"type":45,"value":1348},{"type":45,"value":2465},". Long labels\u002Fvalues belong in cards, lists, or tables.",{"type":40,"tag":457,"props":2467,"children":2469},{"className":459,"code":2468,"language":18,"meta":461,"style":461},"\u003Cdiv class=\"metric-row\">\u003Cspan class=\"caption\">Pass rate\u003C\u002Fspan>\u003Cdiv class=\"meter\">\u003Cspan style=\"--value: 98%\">\u003C\u002Fspan>\u003C\u002Fdiv>\u003Ccode>0.98\u003C\u002Fcode>\u003C\u002Fdiv>\n",[2470],{"type":40,"tag":81,"props":2471,"children":2472},{"__ignoreMap":461},[2473],{"type":40,"tag":467,"props":2474,"children":2475},{"class":469,"line":470},[2476,2480,2484,2488,2492,2496,2501,2505,2509,2513,2517,2521,2525,2530,2534,2538,2543,2547,2551,2555,2559,2563,2567,2571,2576,2580,2584,2588,2593,2597,2601,2606,2610,2614,2618,2622,2626,2630,2634,2638,2643,2647,2651,2655,2659],{"type":40,"tag":467,"props":2477,"children":2478},{"style":474},[2479],{"type":45,"value":503},{"type":40,"tag":467,"props":2481,"children":2482},{"style":480},[2483],{"type":45,"value":928},{"type":40,"tag":467,"props":2485,"children":2486},{"style":486},[2487],{"type":45,"value":811},{"type":40,"tag":467,"props":2489,"children":2490},{"style":474},[2491],{"type":45,"value":517},{"type":40,"tag":467,"props":2493,"children":2494},{"style":474},[2495],{"type":45,"value":522},{"type":40,"tag":467,"props":2497,"children":2498},{"style":525},[2499],{"type":45,"value":2500},"metric-row",{"type":40,"tag":467,"props":2502,"children":2503},{"style":474},[2504],{"type":45,"value":522},{"type":40,"tag":467,"props":2506,"children":2507},{"style":474},[2508],{"type":45,"value":1982},{"type":40,"tag":467,"props":2510,"children":2511},{"style":480},[2512],{"type":45,"value":467},{"type":40,"tag":467,"props":2514,"children":2515},{"style":486},[2516],{"type":45,"value":811},{"type":40,"tag":467,"props":2518,"children":2519},{"style":474},[2520],{"type":45,"value":517},{"type":40,"tag":467,"props":2522,"children":2523},{"style":474},[2524],{"type":45,"value":522},{"type":40,"tag":467,"props":2526,"children":2527},{"style":525},[2528],{"type":45,"value":2529},"caption",{"type":40,"tag":467,"props":2531,"children":2532},{"style":474},[2533],{"type":45,"value":522},{"type":40,"tag":467,"props":2535,"children":2536},{"style":474},[2537],{"type":45,"value":672},{"type":40,"tag":467,"props":2539,"children":2540},{"style":675},[2541],{"type":45,"value":2542},"Pass rate",{"type":40,"tag":467,"props":2544,"children":2545},{"style":474},[2546],{"type":45,"value":683},{"type":40,"tag":467,"props":2548,"children":2549},{"style":480},[2550],{"type":45,"value":467},{"type":40,"tag":467,"props":2552,"children":2553},{"style":474},[2554],{"type":45,"value":1982},{"type":40,"tag":467,"props":2556,"children":2557},{"style":480},[2558],{"type":45,"value":928},{"type":40,"tag":467,"props":2560,"children":2561},{"style":486},[2562],{"type":45,"value":811},{"type":40,"tag":467,"props":2564,"children":2565},{"style":474},[2566],{"type":45,"value":517},{"type":40,"tag":467,"props":2568,"children":2569},{"style":474},[2570],{"type":45,"value":522},{"type":40,"tag":467,"props":2572,"children":2573},{"style":525},[2574],{"type":45,"value":2575},"meter",{"type":40,"tag":467,"props":2577,"children":2578},{"style":474},[2579],{"type":45,"value":522},{"type":40,"tag":467,"props":2581,"children":2582},{"style":474},[2583],{"type":45,"value":1982},{"type":40,"tag":467,"props":2585,"children":2586},{"style":480},[2587],{"type":45,"value":467},{"type":40,"tag":467,"props":2589,"children":2590},{"style":486},[2591],{"type":45,"value":2592}," style",{"type":40,"tag":467,"props":2594,"children":2595},{"style":474},[2596],{"type":45,"value":517},{"type":40,"tag":467,"props":2598,"children":2599},{"style":474},[2600],{"type":45,"value":522},{"type":40,"tag":467,"props":2602,"children":2603},{"style":525},[2604],{"type":45,"value":2605},"--value: 98%",{"type":40,"tag":467,"props":2607,"children":2608},{"style":474},[2609],{"type":45,"value":522},{"type":40,"tag":467,"props":2611,"children":2612},{"style":474},[2613],{"type":45,"value":2119},{"type":40,"tag":467,"props":2615,"children":2616},{"style":480},[2617],{"type":45,"value":467},{"type":40,"tag":467,"props":2619,"children":2620},{"style":474},[2621],{"type":45,"value":2119},{"type":40,"tag":467,"props":2623,"children":2624},{"style":480},[2625],{"type":45,"value":928},{"type":40,"tag":467,"props":2627,"children":2628},{"style":474},[2629],{"type":45,"value":1982},{"type":40,"tag":467,"props":2631,"children":2632},{"style":480},[2633],{"type":45,"value":81},{"type":40,"tag":467,"props":2635,"children":2636},{"style":474},[2637],{"type":45,"value":672},{"type":40,"tag":467,"props":2639,"children":2640},{"style":675},[2641],{"type":45,"value":2642},"0.98",{"type":40,"tag":467,"props":2644,"children":2645},{"style":474},[2646],{"type":45,"value":683},{"type":40,"tag":467,"props":2648,"children":2649},{"style":480},[2650],{"type":45,"value":81},{"type":40,"tag":467,"props":2652,"children":2653},{"style":474},[2654],{"type":45,"value":2119},{"type":40,"tag":467,"props":2656,"children":2657},{"style":480},[2658],{"type":45,"value":928},{"type":40,"tag":467,"props":2660,"children":2661},{"style":474},[2662],{"type":45,"value":494},{"type":40,"tag":1779,"props":2664,"children":2666},{"id":2665},"lists-and-tables",[2667],{"type":45,"value":2668},"Lists and tables",{"type":40,"tag":61,"props":2670,"children":2671},{},[2672,2702,2715,2743],{"type":40,"tag":65,"props":2673,"children":2674},{},[2675,2680,2682,2687,2689,2694,2695,2700],{"type":40,"tag":81,"props":2676,"children":2678},{"className":2677},[],[2679],{"type":45,"value":1397},{"type":45,"value":2681},": pass\u002Fdone\u002Fvalidated items only; ",{"type":40,"tag":81,"props":2683,"children":2685},{"className":2684},[],[2686],{"type":45,"value":1404},{"type":45,"value":2688},": neutral bullets;\n",{"type":40,"tag":81,"props":2690,"children":2692},{"className":2691},[],[2693],{"type":45,"value":1411},{"type":45,"value":259},{"type":40,"tag":81,"props":2696,"children":2698},{"className":2697},[],[2699],{"type":45,"value":1418},{"type":45,"value":2701},": key observations.",{"type":40,"tag":65,"props":2703,"children":2704},{},[2705,2707,2713],{"type":45,"value":2706},"In insight\u002Ftakeaway lists, each ",{"type":40,"tag":81,"props":2708,"children":2710},{"className":2709},[],[2711],{"type":45,"value":2712},"\u003Cli>",{"type":45,"value":2714}," has exactly one direct wrapper child.",{"type":40,"tag":65,"props":2716,"children":2717},{},[2718,2720,2726,2727,2733,2735,2741],{"type":45,"value":2719},"Numeric ",{"type":40,"tag":81,"props":2721,"children":2723},{"className":2722},[],[2724],{"type":45,"value":2725},"\u003Cth>",{"type":45,"value":1593},{"type":40,"tag":81,"props":2728,"children":2730},{"className":2729},[],[2731],{"type":45,"value":2732},"\u003Ctd>",{"type":45,"value":2734}," cells need ",{"type":40,"tag":81,"props":2736,"children":2738},{"className":2737},[],[2739],{"type":45,"value":2740},"class=\"metric\"",{"type":45,"value":2742}," so headers and values align.",{"type":40,"tag":65,"props":2744,"children":2745},{},[2746],{"type":45,"value":2747},"Use short table headers; explain long meanings in captions.",{"type":40,"tag":54,"props":2749,"children":2751},{"id":2750},"svg-charts-and-reports",[2752],{"type":45,"value":2753},"SVG, charts, and reports",{"type":40,"tag":61,"props":2755,"children":2756},{},[2757,2783,2788,2831,2842],{"type":40,"tag":65,"props":2758,"children":2759},{},[2760,2762,2768,2770,2775,2777,2782],{"type":45,"value":2761},"Put inline SVG inside ",{"type":40,"tag":81,"props":2763,"children":2765},{"className":2764},[],[2766],{"type":45,"value":2767},".panel.chart-panel.stack",{"type":45,"value":2769},"; usually wrap the SVG with\n",{"type":40,"tag":81,"props":2771,"children":2773},{"className":2772},[],[2774],{"type":45,"value":1313},{"type":45,"value":2776}," and add ",{"type":40,"tag":81,"props":2778,"children":2780},{"className":2779},[],[2781],{"type":45,"value":1320},{"type":45,"value":88},{"type":40,"tag":65,"props":2784,"children":2785},{},[2786],{"type":45,"value":2787},"Keep SVG text short, away from right edges; leave viewBox margin or move labels\nto captions\u002Flists.",{"type":40,"tag":65,"props":2789,"children":2790},{},[2791,2793,2799,2800,2806,2808,2814,2816,2822,2824,2830],{"type":45,"value":2792},"Tiny hand-written SVG: 5–8 nodes max. Every data ",{"type":40,"tag":81,"props":2794,"children":2796},{"className":2795},[],[2797],{"type":45,"value":2798},"path",{"type":45,"value":259},{"type":40,"tag":81,"props":2801,"children":2803},{"className":2802},[],[2804],{"type":45,"value":2805},"polyline",{"type":45,"value":2807}," sets\n",{"type":40,"tag":81,"props":2809,"children":2811},{"className":2810},[],[2812],{"type":45,"value":2813},"fill=\"none\"",{"type":45,"value":2815},", a Birch-colored ",{"type":40,"tag":81,"props":2817,"children":2819},{"className":2818},[],[2820],{"type":45,"value":2821},"stroke",{"type":45,"value":2823},", and restrained ",{"type":40,"tag":81,"props":2825,"children":2827},{"className":2826},[],[2828],{"type":45,"value":2829},"stroke-width",{"type":45,"value":88},{"type":40,"tag":65,"props":2832,"children":2833},{},[2834,2836,2841],{"type":45,"value":2835},"If SVG labels risk 390px overflow, stack vertically or use numbered nodes plus\na following ",{"type":40,"tag":81,"props":2837,"children":2839},{"className":2838},[],[2840],{"type":45,"value":1369},{"type":45,"value":88},{"type":40,"tag":65,"props":2843,"children":2844},{},[2845,2847,2853,2855,2860],{"type":45,"value":2846},"For real plotted data, prefer Python-generated inline SVG using\n",{"type":40,"tag":81,"props":2848,"children":2850},{"className":2849},[],[2851],{"type":45,"value":2852},"scripts\u002Fbirch_mpl.py",{"type":45,"value":2854},"; run a temporary driver as needed, inline SVG in a\nchart panel, and pair with exact values in narrow ",{"type":40,"tag":81,"props":2856,"children":2858},{"className":2857},[],[2859],{"type":45,"value":1362},{"type":45,"value":2861},"s.",{"type":40,"tag":54,"props":2863,"children":2865},{"id":2864},"artifact-patterns",[2866],{"type":45,"value":2867},"Artifact patterns",{"type":40,"tag":48,"props":2869,"children":2870},{},[2871,2873,2878],{"type":45,"value":2872},"Module\u002Fruntime explainers: short transformation title, caveat paragraph, SVG\nflow of 5–8 nodes, caption citing source files\u002Ffunctions, then ordered\n",{"type":40,"tag":81,"props":2874,"children":2876},{"className":2875},[],[2877],{"type":45,"value":1369},{"type":45,"value":2879}," file tour or runtime walkthrough. Prefer flow steps, cards, and\ncaptions over dense tables.",{"type":40,"tag":48,"props":2881,"children":2882},{},[2883,2885,2890],{"type":45,"value":2884},"Numeric\u002Fbenchmark reports: inspect schema and rows; use KPI cards for headline\ncounts\u002Ftotals\u002Fbest\u002Fworst\u002Fpass\u002Ffail\u002Fcost\u002Ftime; use valid ",{"type":40,"tag":81,"props":2886,"children":2888},{"className":2887},[],[2889],{"type":45,"value":1341},{"type":45,"value":2891}," only for\ntrue progress\u002Franking values; include charts when they clarify tradeoffs; pair\ncharts with exact values and source\u002Fcaveat captions.",{"type":40,"tag":704,"props":2893,"children":2894},{},[2895],{"type":45,"value":2896},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":2898,"total":470},[2899],{"slug":4,"name":4,"fn":5,"description":6,"org":2900,"tags":2901,"stars":25,"repoUrl":26,"updatedAt":27},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2902,2903,2904,2905],{"name":20,"slug":21,"type":15},{"name":23,"slug":24,"type":15},{"name":17,"slug":18,"type":15},{"name":13,"slug":14,"type":15},{"items":2907,"total":3083},[2908,2931,2947,2964,2978,2989,3002,3017,3031,3041,3054,3068],{"slug":2909,"name":2909,"fn":2910,"description":2911,"org":2912,"tags":2913,"stars":2928,"repoUrl":2929,"updatedAt":2930},"train-sentence-transformers","train sentence-transformers models","Train or fine-tune sentence-transformers models across `SentenceTransformer` (bi-encoder; dense or static embedding model; for retrieval, similarity, clustering, classification, paraphrase mining, dedup, multimodal), `CrossEncoder` (reranker; pair scoring for two-stage retrieval \u002F pair classification), and `SparseEncoder` (SPLADE, sparse embedding model; for learned-sparse retrieval). Covers loss selection, hard-negative mining, evaluators, distillation, LoRA, Matryoshka, and Hugging Face Hub publishing. Use for any sentence-transformers training task.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2914,2917,2919,2922,2925],{"name":2915,"slug":2916,"type":15},"Deep Learning","deep-learning",{"name":9,"slug":2918,"type":15},"hugging-face",{"name":2920,"slug":2921,"type":15},"LLM","llm",{"name":2923,"slug":2924,"type":15},"Python","python",{"name":2926,"slug":2927,"type":15},"Search","search",18914,"https:\u002F\u002Fgithub.com\u002Fhuggingface\u002Fsentence-transformers","2026-05-08T05:09:16.820066",{"slug":2932,"name":2932,"fn":2933,"description":2934,"org":2935,"tags":2936,"stars":2944,"repoUrl":2945,"updatedAt":2946},"trl-training","train and fine-tune LLMs with TRL","Train and fine-tune transformer language models using TRL (Transformers Reinforcement Learning). Supports SFT, DPO, GRPO, KTO, RLOO and Reward Model training via CLI commands.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2937,2940,2941,2942,2943],{"name":2938,"slug":2939,"type":15},"AI Infrastructure","ai-infrastructure",{"name":2915,"slug":2916,"type":15},{"name":9,"slug":2918,"type":15},{"name":2920,"slug":2921,"type":15},{"name":2923,"slug":2924,"type":15},18850,"https:\u002F\u002Fgithub.com\u002Fhuggingface\u002Ftrl","2026-04-06T18:25:32.746828",{"slug":2948,"name":2948,"fn":2949,"description":2950,"org":2951,"tags":2952,"stars":2961,"repoUrl":2962,"updatedAt":2963},"hf-cli","manage Hugging Face Hub resources via CLI","Hugging Face Hub CLI (`hf`) for downloading, uploading, and managing models, datasets, spaces, buckets, repos, papers, jobs, and more on the Hugging Face Hub. Use when: handling authentication; managing local cache; managing Hugging Face Buckets; running or scheduling jobs on Hugging Face infrastructure; managing Hugging Face repos; discussions and pull requests; browsing models, datasets and spaces; reading, searching, or browsing academic papers; managing collections; querying datasets; configuring spaces; setting up webhooks; or deploying and managing HF Inference Endpoints. Make sure to use this skill whenever the user mentions 'hf', 'huggingface', 'Hugging Face', 'huggingface-cli', or 'hugging face cli', or wants to do anything related to the Hugging Face ecosystem and to AI and ML in general. Also use for cloud storage needs like training checkpoints, data pipelines, or agent traces. Use even if the user doesn't explicitly ask for a CLI command. Replaces the deprecated `huggingface-cli`.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2953,2956,2959,2960],{"name":2954,"slug":2955,"type":15},"CLI","cli",{"name":2957,"slug":2958,"type":15},"Datasets","datasets",{"name":9,"slug":2918,"type":15},{"name":2920,"slug":2921,"type":15},10861,"https:\u002F\u002Fgithub.com\u002Fhuggingface\u002Fskills","2026-04-06T18:25:34.020855",{"slug":2965,"name":2965,"fn":2966,"description":2967,"org":2968,"tags":2969,"stars":2961,"repoUrl":2962,"updatedAt":2977},"hf-cloud-aws-context-discovery","discover local AWS environment context","Discover the user's local AWS context (active profile, region, account ID, caller identity) at the start of any AWS task. Use this skill before any other AWS work — deploying to SageMaker, creating resources, calling AWS APIs, or anything that touches an AWS account. Use it especially when the user has not specified a region or profile explicitly, when they say things like \"use my AWS account\", \"deploy to AWS\", \"use my profile\", or when about to make any AWS CLI or SDK call. Never guess the region or account ID — always use this skill to read it from the local configuration first.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2970,2973,2974],{"name":2971,"slug":2972,"type":15},"AWS","aws",{"name":2954,"slug":2955,"type":15},{"name":2975,"slug":2976,"type":15},"Configuration","configuration","2026-07-08T05:55:33.716099",{"slug":2979,"name":2979,"fn":2980,"description":2981,"org":2982,"tags":2983,"stars":2961,"repoUrl":2962,"updatedAt":2988},"hf-cloud-python-env-setup","set up Python environments for AWS","Set up an isolated Python environment for SageMaker \u002F AWS work, with the right Python version and current boto3. Use this skill whenever Python code will be executed for a SageMaker deployment, training job, or any AWS automation — including when about to run `pip install`, when about to invoke `boto3`, when creating or activating a virtualenv, or when the user asks to \"set up the environment\". Never use system Python and never `pip install` into it. Always isolate. This skill prevents the most common failure modes: wrong Python version, dependency conflicts, and stale SDKs.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2984,2985,2986,2987],{"name":2938,"slug":2939,"type":15},{"name":2971,"slug":2972,"type":15},{"name":23,"slug":24,"type":15},{"name":2923,"slug":2924,"type":15},"2026-07-08T05:55:32.505017",{"slug":2990,"name":2990,"fn":2991,"description":2992,"org":2993,"tags":2994,"stars":2961,"repoUrl":2962,"updatedAt":3001},"hf-cloud-sagemaker-deployment-planner","plan model deployments to Amazon SageMaker","Plan and coordinate the deployment of a model to Amazon SageMaker AI. Use this skill whenever the user wants to deploy, host, serve, or expose a model on SageMaker or AWS — including phrases like \"deploy a model\", \"host this LLM on AWS\", \"serve this embedding model\", \"deploy a reranker\", \"deploy a text-to-image \u002F diffusion model\", \"host this for async inference\", \"create an endpoint\", \"serve my fine-tuned model\", or any request that involves making a model available for inference on AWS. Use this even when the user is vague (e.g. \"I just want to get this running on AWS, you figure it out\"). Works for text-generation LLMs, embedding models, rerankers, classifiers, text-to-image \u002F diffusion models — picks the right serving stack and chooses between real-time and async inference. This is the entry-point skill for SageMaker deployment work — it asks clarifying questions, picks a deployment pathway, and coordinates the other deployment skills.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2995,2996,2997,3000],{"name":2938,"slug":2939,"type":15},{"name":2971,"slug":2972,"type":15},{"name":2998,"slug":2999,"type":15},"Deployment","deployment",{"name":9,"slug":2918,"type":15},"2026-07-08T05:55:37.387689",{"slug":3003,"name":3003,"fn":3004,"description":3005,"org":3006,"tags":3007,"stars":2961,"repoUrl":2962,"updatedAt":3016},"hf-cloud-sagemaker-iam-preflight","configure SageMaker IAM roles","Ensure a usable SageMaker execution role exists before deploying or training. Use this skill whenever about to create a SageMaker endpoint, model, training job, or any resource that requires an execution role. Use it especially when the user has not provided a role ARN explicitly, when scripts are about to call `iam:CreateRole`, or when an AccessDenied error mentions an IAM action. Never blindly call `iam:CreateRole` — always check for existing roles first. This skill prevents the most common SageMaker deployment failure: trying to create IAM resources from an SSO principal that has no IAM write permissions.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3008,3009,3010,3013],{"name":2938,"slug":2939,"type":15},{"name":2971,"slug":2972,"type":15},{"name":3011,"slug":3012,"type":15},"Permissions","permissions",{"name":3014,"slug":3015,"type":15},"Security","security","2026-07-08T05:55:34.948771",{"slug":3018,"name":3018,"fn":3019,"description":3020,"org":3021,"tags":3022,"stars":2961,"repoUrl":2962,"updatedAt":3030},"hf-cloud-sagemaker-production-defaults","create production-ready SageMaker endpoints","Create a SageMaker endpoint (real-time or async) with autoscaling, CloudWatch alarms, and tagging enabled by default. Use this skill whenever about to create a SageMaker endpoint, write deployment code that calls `create_endpoint`, or finalize a deployment after the image URI and IAM role are known. Provides deploy.py for real-time endpoints and deploy_async.py for async endpoints (with genuine scale-to-zero support). This is the last step in the SageMaker deployment workflow. Never generate a bare `create_endpoint` call without these defaults — endpoints without autoscaling or alarms are demos, not deployments.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3023,3024,3025,3026,3027],{"name":2938,"slug":2939,"type":15},{"name":2971,"slug":2972,"type":15},{"name":2998,"slug":2999,"type":15},{"name":9,"slug":2918,"type":15},{"name":3028,"slug":3029,"type":15},"Monitoring","monitoring","2026-07-08T05:55:38.664702",{"slug":3032,"name":3032,"fn":3033,"description":3034,"org":3035,"tags":3036,"stars":2961,"repoUrl":2962,"updatedAt":3040},"hf-cloud-serving-image-selection","select SageMaker serving containers","Pick the right serving container for a SageMaker model deployment and find its current image URI. Use this skill whenever about to deploy a model to a SageMaker endpoint and an image URI needs to be chosen — including when the user says \"deploy this LLM\", \"host this HuggingFace model\", \"serve this fine-tuned model\", \"deploy this embedding model\", \"host a reranker\", \"serve a sentence-transformers model\", or when about to hardcode any container URI in deployment code. HuggingFace-curated Deep Learning Containers are ALWAYS preferred: HuggingFace vLLM (LLMs and generative rerankers), HuggingFace vLLM-Omni (multimodal), TEI (embeddings\u002Fcross-encoder rerankers), HF Inference Toolkit (other transformers). Generic images (AWS vLLM, DJL-LMI, SGLang) are used only when no HuggingFace image is compatible — never merely because they carry a newer version. Never hardcode a container URI from memory and never default to TGI. Prevents stale-image failures and wrong-region URIs.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3037,3038,3039],{"name":2938,"slug":2939,"type":15},{"name":2971,"slug":2972,"type":15},{"name":2998,"slug":2999,"type":15},"2026-07-08T05:55:36.173465",{"slug":3042,"name":3042,"fn":3043,"description":3044,"org":3045,"tags":3046,"stars":2961,"repoUrl":2962,"updatedAt":3053},"hf-mcp","access Hugging Face Hub via MCP","Use Hugging Face Hub via MCP server tools. Search models, datasets, Spaces, papers. Get repo details, fetch documentation, run compute jobs, and use Gradio Spaces as AI tools. Available when connected to the HF MCP server.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3047,3048,3049,3050],{"name":2957,"slug":2958,"type":15},{"name":9,"slug":2918,"type":15},{"name":2920,"slug":2921,"type":15},{"name":3051,"slug":3052,"type":15},"MCP","mcp","2026-04-06T18:25:50.364185",{"slug":3055,"name":3055,"fn":3056,"description":3057,"org":3058,"tags":3059,"stars":2961,"repoUrl":2962,"updatedAt":3067},"hf-mem","estimate memory for Hugging Face models","Hugging Face CLI to estimate the required memory to load Safetensors or GGUF model weights for inference from the Hugging Face Hub",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3060,3061,3062,3063,3064],{"name":2938,"slug":2939,"type":15},{"name":2954,"slug":2955,"type":15},{"name":9,"slug":2918,"type":15},{"name":2920,"slug":2921,"type":15},{"name":3065,"slug":3066,"type":15},"Performance","performance","2026-06-13T07:23:57.101435",{"slug":3069,"name":3069,"fn":3070,"description":3071,"org":3072,"tags":3073,"stars":2961,"repoUrl":2962,"updatedAt":3082},"huggingface-best","find and compare Hugging Face models","Use when the user asks about finding the best, top, or recommended model for a task, wants to know what AI model to use, or wants to compare models by benchmark scores. Triggers on: \"best model for X\", \"what model should I use for\", \"top models for [task]\", \"which model runs on my laptop\u002Fmachine\u002Fdevice\", \"recommend a model for\", \"what LLM should I use for\", \"compare models for\", \"what's state of the art for\", or any question about choosing an AI model for a specific use case. Always use this skill when the user wants model recommendations or comparisons, even if they don't explicitly mention HuggingFace or benchmarks.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3074,3077,3078,3079],{"name":3075,"slug":3076,"type":15},"Analytics","analytics",{"name":9,"slug":2918,"type":15},{"name":2920,"slug":2921,"type":15},{"name":3080,"slug":3081,"type":15},"Research","research","2026-04-24T05:09:45.870658",37]