amplifier-bundle-codebase-to-course

An Amplifier bundle that ships the codebase-to-course skill — transform any codebase into a beautiful, interactive HTML course for non-technical learners.

Ported from the original Claude Code skill: zarazhangrui/codebase-to-course

Installation

Via CLI:

amplifier bundle add git+https://github.com/johannao76/amplifier-bundle-codebase-to-course@main

If you want /codebase-to-course available in every session across all your projects, add --app to the command above.

Or add to your bundle configuration manually:

includes:
  - bundle: git+https://github.com/johannao76/amplifier-bundle-codebase-to-course@main

Usage

Once installed, invoke the skill:

/codebase-to-course

Or describe what you want in natural language:

"Turn this codebase into a course" "Make an interactive tutorial from https://github.com/user/repo" "Teach me how ./my-project works"

What It Produces

A self-contained directory you open directly in the browser:

my-project-course/
  index.html      ← assembled course (open this)
  styles.css
  main.js
  modules/
    01-intro.html
    02-actors.html
    ...

Features: scroll-based navigation, animated visualizations, embedded quizzes, code↔English translations, group chat animations between components, glossary tooltips.

License

MIT

Examples

Three fully-built example courses are included in the examples/ directory — open any index.html directly in your browser, no setup required:

Course	Topic	Modules
Inside VS Code Extensions	How VS Code extensions work under the hood — the two-process architecture, the Extension API, the Marketplace	5
Inside Git	Git internals demystified — snapshots, objects, branches as sticky notes, the commit graph, remotes	5
How Amplifier Works	The Amplifier framework — the thin kernel, five module types, bundles and agents, the full agent loop	5

Each example includes scroll-based navigation, animated data flow visualizations, group chat animations between components, code↔English translation blocks, drag-and-drop exercises, and embedded quizzes.