teach-enhancelisted

Teach a topic over multiple sessions AND ship it as a polished, self-hosted HTML course in one command — no separate /teach call. Runs the full teaching methodology (mission-first grounding, a stateful workspace of lessons + glossary + reference cards + learning records, zone-of-proximal-development pacing) and produces every lesson with the enhanced experience baked in: a local neural read-aloud button (Kokoro-82M, in-browser) with word-highlighting and a voice/speed picker, ADHD-friendly reading aids (progress bar, focus mode, read-time, glossary tooltips, mobile-safe tables, on-this-page TOC), offline syntax highlighting, a unified light/dark inline-SVG diagram kit, and content-design patterns (TL;DR box, mid-lesson Quick check + end Retrieval check, labeled Worked examples, Recap box). Triggers: "teach me X", "build a course on X", "I want to learn X over time", "make me lessons on …", plus "enhance / polish my course", "add the read-aloud button / focus mode / TL;DR".
thattimc/skills · ★ 1 · Web & Frontend · score 77

Install: claude install-skill thattimc/skills

# Teach Enhance Teach someone a topic over multiple sessions by building them a beautiful, self-hosted HTML course. Knowledge, skill, and experience are one thing here: each lesson is at once a grounded pedagogical unit *and* a finished, polished artifact. The pedagogy is the `/teach` method (by Matt Pocock, MIT — read `references/teach-method/teach-method.md` and its format files first); this skill *is* that method, realized in a fixed house style so nothing has to be polished after the fact. ## The teaching workspace Treat the current directory as a **stateful workspace** that holds the learner's progress: - `MISSION.md` — the real reason the user is learning; ground every decision in it. Interview first if it's unclear (a bad mission is worse than none). - `RESOURCES.md` — high-trust sources. Draw all knowledge from here; never teach from parametric guesses, and cite liberally. - `lessons/NNNN-slug.html` — the lessons (see below). - `GLOSSARY.md` — the course's controlled vocabulary · `reference/*.html` — printable cards · `learning-records/*.md` — ADRs for what the learner has learned (drives the next session's zone of proximal development). - `assets/` — the shared design system + components every lesson links, so the course looks like one thing, not a pile of one-offs. Pace each lesson to the learner's **zone of proximal development** from the learning records: challenged just enough, one tangible win, tied to the mission. ## What a lesson is One short, s