web-craft-skills

Four read-only advisor agents — storytelling, design, copy, and accessibility — that critique a page you point them at. Advice only; they never edit files.

4 agents

Inject axe-core, drive interactive states, and report ranked accessibility findings (contrast, focus, tap-target, landmark, keyboard reach); with --fix, writes a safely-fixed copy and re-audits it. The implementer counterpart to the a11y-coach agent. Built on the web-probe harness.

1 skill

Inline a page's local assets into one self-contained file under a byte budget, then preflight it: charset present, zero network references, renders off-disk, under the ceiling. Built on the web-probe harness.

1 skill

Verify a chart's rendered geometry is truthful — each mark's pixel extent proportional to its value within tolerance — flagging geometry-vs-value mismatch, saturation, and missing direct labels. Built on the web-probe harness.

1 skill

Render a page at phone/tablet/desktop widths and measure how far a reader must travel to the key content and CTA — flagging content hidden, clipped, or dropped at narrow widths. Built on the web-probe harness.

1 skill

Render a product's STL parts into polished high-res PNG product shots via an isolated headless chromium (assembled/exploded, per-part colors, camera presets, studio/dark/transparent backdrops).

1 skill

Plan a scroll-driven narrative (pick a pattern, outline beats, apply the scroll playbook) and verify its integrity — resting state complete, reveals paint, reduced-motion safe, within a pin budget. Distilled from the bake-off's scrollytelling learnings; built on the web-probe harness.

1 skill

Enumerate and drive a page's reachable states (URL params, presets, controls) and assert no figure appears as both a literal and a differing computed value, no retracted value reappears, and totals equal their parts. Built on the web-probe harness.

1 skill

Route a needed asset to the right producer (infographic / SVG author / 3D render / image-gen / chart) and verify rendered SVG geometry is truthful and legible in context. Does not author SVG itself; points at the REFERENCES.md producers.

1 skill

Audit a page's rendered computed font sizes, collapse a sprawling set to a modular scale, tokenize it, and flag <br> word-joins and heading-rhythm misalignment. Built on the web-probe harness.

1 skill