static-spa-conversion - Convert Markdown course content into a vanilla JS single-page app
Converts chapter-based markdown content into a framework-free HTML+JS single-page app that persists state in localStorage and serves via npx serve.
Tags
Updated: 2026-06-30Capabilities
Typical Inputs
Typical Outputs
What this skill does
- generate index.html SPA scaffold
- generate course-data.js schema object
- map material URLs to files
- migrate markdown to course-data.js
- set up localStorage persistence layer
- create package.json serve script
Inputs
- Chapter-based markdown course content
- Course outline markdown files
- Course content markdown files
- Image and illustration assets
- Material files (PDF, MD, etc.)
- Design system CSS tokens
Outputs
- index.html single-page app file
- course-data.js data file
- package.json with serve script
- Assets directory structure
Requirements
- Node.js and npx for local serving
- Browser with localStorage support
- HTTP server required (file:// blocks localStorage)