Static, deterministic, dependency-light
The project map is laid out with a force simulation, but a deterministic one: identical input gives identical output, so the prerendered SVG never drifts between builds. Each social card is procedurally generated from four project dimensions: the kind sets the colour scheme, the curated language tags drive a row of branded glyphs, the runtime selects a background geometry tiled across the canvas, and the data model picks the typeface for the project name. Satori lays it out as SVG; resvg rasterises it to PNG at build time. Identical inputs produce an identical card, so the prerendered result never drifts between builds. The syntax highlighting is baked in at build time by Shiki; the browser receives finished HTML. A page either built correctly or it did not.