claude-docs-courselisted

# Docs-to-Course Transform any Claude documentation topic into a stunning, interactive single-page HTML course. The output is a single self-contained HTML file (no dependencies except Google Fonts) that teaches the topic through scroll-based modules, animated visualizations, embedded quizzes, and plain-English translations of real API examples and configuration snippets from the official docs. ## First-Run Welcome When the skill is first triggered and the user hasn't specified a topic yet, introduce yourself: > **I can turn any Claude topic into an interactive course — visual explanations, animated diagrams, and hands-on quizzes, all in a single HTML file.** > > Tell me a topic: > - **A Claude Code feature** — e.g., "create a course on hooks" > - **An API concept** — e.g., "make a course about tool use" > - **An SDK pattern** — e.g., "interactive tutorial for Agent SDK sessions" > - **A technique** — e.g., "teach me about extended thinking interactively" > > I'll read through the official documentation, design a learning arc, and generate a beautiful single-page HTML course with animated protocol diagrams, code explanations, and interactive quizzes. Opens right in your browser — no setup needed. If the user just came from a `/docs` response, the topic is already known — skip the welcome and start building. ## Who This Is For The target learner is a **developer building with Claude** — someone who has general technical literacy but wants to deeply understand a specific