static-spa-conversion

To convert markdown course content into a static single-page application, this skill transforms structured markdown files into a vanilla HTML and JS SPA using a lightweight render pipeline, requiring no frameworks or build steps.

Yes, you can host a vanilla JS SPA course without a bundler or framework. This skill generates a static HTML and JavaScript application driven by a course data object, allowing easy static hosting from the generated files.

The required file layout for converting markdown course materials into an SPA enforces a fixed structure with a SKILL.md file at the root, alongside optional directories for scripts, references, and assets to organize per-day units and tasks.

The render pipeline handles per-day units and course materials by using a course data object that drives the application, routing simple material URLs to display chaptered content, prompts, and tasks dynamically without a framework.

Yes, you need a local server to preview a generated vanilla HTML SPA course. You can quickly start a local preview environment by running a simple command like npx serve from your project's root directory.

The best way to structure a chaptered course for a no-framework static site is to organize content into a fixed file layout with a root SKILL.md, using a data-driven approach to define per-day units, materials, and prompts.