Harness

The system behind madhurimaram.com — built with agents.

Harness engineering

A harness is a repeatable build — source in, checked output out, with proof before anything ships. Spacing tokens, infographic bakes, share-card templates, and layout audits all run through harnesses so agents and I can change the site without breaking rhythm.

  • scripts/ bake, sync, and ship
  • publish/ one command → live site
  • content-sync/ markdown behind every page
  • diagram-bake/ HTML framework art → PNG
  • og-bake/ one template → every share card
  • design-lint/ spacing proof before deploy
  • harnesses/ spacing registries, diagram bakes, OG cards, and every pre-ship spec
  • docs/ the build library — how each surface is written down before code changes
  • design-system/ tokens every page inherits
  • spacing/ rhythm on every published surface
  • components/ accordion, slideshow, popups, timelines
  • work-detail/ nine showcases, four layout types
  • ship-log/ what went live, when
  • visualizers/ see it working
  • festina-ui/ live component + token registry
  • sources/ editable truth
  • content/ copy, media, diagrams in markdown
  • tokens/ color, type, spacing in one place
  • audits/ proof before live
  • pre-ship gate/ build stops if tokens drift

9 work showcases · 20+ components · 13 share previews · 1 design system