
Maker
-
Supporters
-Idea
0.0
Product
0.0
Feedback
0
Roasted
0
Codebase to Course is an open-source Claude Code skill that transforms any GitHub repository into a beautiful, interactive single-page HTML course tailored for non-traditional "vibe" coders. Instead of dry documentation, it walks through how your project behaves in real usage, turning real-world code into an approachable learning journey.
Point the skill at a codebase and receive a fully self-contained HTML experience that works offline. The generated course features scroll-based modules with progress tracking, code and plain-English side-by-side explanations, and animated visualizations that reveal data flow, component interactions, and architecture. Everything is designed to help AI-assisted builders truly understand what their projects are doing under the hood.
Learners stay engaged through interactive quizzes focused on practical scenarios (like tracing bugs or adding features), plus glossary tooltips that demystify technical jargon without overwhelming them. The visual-first, warm aesthetic avoids generic AI design tropes, making the material feel welcoming rather than intimidating.
By converting working projects into narrative walkthroughs, Codebase to Course helps vibe coders steer AI coding tools more confidently, debug faster, and communicate with engineers more clearly—without needing a traditional computer science background.
Hyperfocal
Photography editing made easy.
Describe any style or idea
Turn it into a Lightroom preset
Awesome styles, in seconds.
Built by Jon·C·Phillips
Weekly Drops: Launches & Deals