Agent-ready engineering docs

Reusable styling for plans, explainers, and technical notes.

Loam gives agents a stable set of classes, layout recipes, and components for static HTML pages that feel precise, readable, and lightly handmade.

View kitchen sink Use a template

Authoring

Classes and snippets

Agents compose pages with documented HTML classes and starter layouts instead of recreating visual tokens.

Diagrams

Mermaid source, inline SVG output

Keep diagrams editable while delivering pages that do not need a runtime Mermaid dependency.

Distribution

Linked or self-contained

Use versioned public assets for small pages, or inline the CSS and SVG for one-file handoffs.

Quick start

Drop Loam into a simple static page.

Use the distribution files directly, then pick a layout and add only the components the content needs.

index.html 
<link rel="stylesheet" href="https://useloam.design/dist/loam.css">
<script type="module" src="https://useloam.design/dist/loam.js"></script>

<main class="loam-shell loam-main loam-prose">
  <p class="loam-kicker">Implementation plan</p>
  <h1>Ship the migration safely</h1>
</main>