educationFeatured
Codebase to Course
Turn any codebase into a beautiful, interactive single-page HTML course with animations and quizzes.
Works with:Claude Code
💬 0📋 0
A skill for vibecoders who build with AI but want to understand what they built. Generates a self-contained HTML course from your codebase: - Scroll-based navigation through concepts - Animated data flow visualizations - Interactive quizzes (application-focused, not memorization) - Glossary tooltips for technical terms - "Component group chat" visualizations - Code-to-plain-English translations Uses only real code from your actual codebase — never simplified examples. Output is a single HTML file (no dependencies, works offline). Design philosophy: "Build first, understand later." 3,500+ GitHub stars.
How to Install
Install this skill from the source repository:
- Open the GitHub repository using the link below.
- Follow the README's install instructions (usually a
git cloneor copy-paste into your~/.claude/skills/directory). - Or copy the content above directly into a new Claude skill file.
Comments (0)
No comments yet. Be the first to share your thoughts!
