static-spa-conversion
CommunityConvert markdown course content into a vanilla SPA.
Education & Research#markdown#spa#localstorage#static-site#render-pipeline#vanilla-js#course-content
Authorkevintsai1202
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This skill converts chapter-based markdown course content into a fully functional vanilla HTML + JS single-page application, enabling educators to publish interactive courses without frameworks or build steps.
Core Features & Use Cases
- Vanilla HTML + JS SPA scaffold: no framework, no bundler, easy hosting from static files.
- Data-driven rendering: a course data object drives per-day units, materials, prompts, tasks, and illustrations, allowing flexible course design.
- Quick-start scenario: turn an existing markdown course package into a runnable SPA using the provided templates and data layout.
Quick Start
Run a local server with npx serve . to preview the generated SPA from your markdown course package.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: static-spa-conversion Download link: https://github.com/kevintsai1202/teaching-site-skills/archive/main.zip#static-spa-conversion Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.