Interactive Workbook Design Knowledge Base

This skill encodes the design system for interactive course workbooks — a single, standalone, self-contained HTML artifact that renders a whole course's text classes (text-*.md) as an interactive explainer the learner scrolls or steps through.

It is the student-facing sibling of course-visualize (which produces an instructor-facing analytics view of the same course). Where slides-generate turns a video brief into a deck for live teaching, workbook-generate turns the reading classes into a self-study / screen-share artifact.

The philosophy is borrowed from interactive-HTML explainers: a concept should recover its natural shape. A process becomes a navigable flow, a comparison becomes a side-by-side, code becomes annotated-and-copyable, and "do you follow?" becomes a reveal + a check question. Interaction is felt, not described — but it is delivered through a curated, tested component kit, not freeform per-concept JavaScript.