enablement-html-renderer

enablement-html-renderer

A handoff target, not a starting point. Other drafting workflows produce the substance; this skill packages it into a single HTML file a person opens anywhere and reads in the format that suits how they absorb information.

The core idea: people absorb the same knowledge differently. Some want terse bullets, some want prose, some want a diagram, some want it as a comic. Instead of producing four artifacts, this produces one file with a format selector built in. All four representations of the same content ship inside the file. No server, no build step, no dependency: it is one .html you email, drop in a channel, or attach to a meeting summary.

---

When to use

• The end of a meeting, workshop, or training session, packaging the outputs for attendees.
• Distributing a "gotcha" guide, a Claude Code help guide, or a how-to across a team.
• Repackaging any already-written knowledge so recipients pick their own format.
• Another skill calls this on finish to produce the shareable artifact.
• You want a hosted share path as well as the offline file, using a generic Apps Script web app.

Skip when

• The content does not exist yet. This skill renders; it does not draft. Run the drafting workflow first, then hand here.
• A plain document is genuinely all that is wanted (a single-format .docx/.md).
• The deliverable is interactive software, not a read-to-absorb artifact.

---

The handoff contract (how other skills call this)

A calling skill passes a content bundle: a small JSON or markdown object with the source material already written. This skill never invents the substance; it only transforms and packages what it receives. Minimum fields:

{
  "title": "Claude Code gotchas, week of 16 Jun",
  "kind": "training | meeting | workshop | guide",
  "core_idea": "The one thing the reader must leave with.",
  "sections": [
    {
      "heading": "...",
      "body": "the prose source of truth for this section",
      "estMinutes": 5,
      "videoUrl": "https://loom.com/share/...?t=52",
      "callouts": [
        { "level": "critical | warn | tip | never", "text": "the one thing not to get wrong" }
      ],
      "commands": ["colima stop", "colima start"],
      "images": [
        { "src": "data:image/png;base64,iVBORw0KGgo...", "alt": "the login screen", "caption": "Where the SSO button lives" }
      ]
    }
  ],
  "agenda": ["optional list of items covered"],
  "tasks": [{ "who": "[NAME]", "what": "action", "due": "date or blank" }],
  "links": [{ "label": "Loom walkthrough", "url": "..." }],
  "siteBar": {
    "name": "Young Leaders in Tech",
    "homeUrl": "https://www.youngleaders.tech/",
    "logo": "data:image/png;base64,... (or an https URL)",
    "brandColor": "#990101",
    "nav": [{ "label": "Blog", "url": "https://www.youngleaders.tech/" }],
    "subscribe": { "label": "Subscribe", "url": "https://..." }
  }
}