skill-build-educational-sitelisted

# skill-build-educational-site ## What this produces One file: a self-contained `.html` document, no build step. Opens in any browser. Looks professional enough to share with a regulator, an executive sponsor, or a new joiner — same artifact, different reader. External dependencies are minimised: **hand-authored inline SVG is the default diagram form** — it keeps the page strictly self-contained (no CDN egress, survives email and archival) and repaints automatically with the page theme. Mermaid via CDN is the exception for diagram shapes that are genuinely painful to hand-author (long sequence diagrams, C4 containers, dense state machines), on pages whose portability requirements allow a CDN dependency. Choose per page, not per skill. The page is **single-topic and dense**. Not a course, not a multi-page site. One concept, layered so it works for three audiences in the same file: - **Executives** — want the TL;DR, the diagram, the regulatory implication, the trade-off table - **Practitioners** — want the protocol detail, the config snippet, the failure modes - **General learners** — want the analogy, the glossary, the "why does this matter" A runtime audience switcher (a control in the header) toggles visibility of practitioner-depth blocks so the same file serves all three readers without forcing anyone to scroll past content that isn't for them. ## When to use Use this skill any time the user wants explanatory content rendered as a deliverable page rather than a cha