whatisgithub

What is teaching-site-skills?

kevintsai1202/teaching-site-skills — explained in plain English

Analysis updated 2026-05-18

31HTMLAudience · vibe coderComplexity · 2/5Setup · easy

In one sentence

A set of 11 installable AI-agent skills that automate building an interactive course website end to end, from outline and content to a finished web page or PDF ebook.

Mindmap

mindmap
  root((teaching-site))
    What it does
      11 AI agent skills
      Builds course sites
      Stage by stage pipeline
    Tech stack
      HTML
      JavaScript
      Node.js
    Pipeline stages
      Outline design
      Content authoring
      SPA conversion
      Ebook publishing
    Use cases
      Workshop microsites
      Course content sites
      PDF ebook delivery

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Tell an AI coding agent to build a full course microsite from an outline through to a finished interactive website.

USE CASE 2

Convert existing lecture notes or markdown content directly into a static teaching site, skipping the outline stage.

USE CASE 3

Generate a compressed single-file corporate edition or a PDF/DOCX ebook from a finished course site.

What is it built with?

HTMLJavaScriptNode.js

How does it compare?

kevintsai1202/teaching-site-skillsechosoar/local-transmihozip/google-workspace-admin-project-workflow
Stars313131
LanguageHTMLHTMLHTML
Setup difficultyeasymoderatemoderate
Complexity2/52/52/5
Audiencevibe coderdeveloperops devops

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 30min

Requires Node.js/npx and a supported AI coding agent such as Claude Code or Codex already installed.

No license information is provided in the README.

So what is it?

Teaching Site Skills is a collection of 11 pre-built instructions, called "skills", that you install into an AI coding agent such as Claude Code or Codex. Once installed, you can tell the agent in plain language to "build me a course site" and it handles the entire process automatically, stage by stage. The pipeline starts with designing a course outline, then writing the actual content, converting it into a working web page built with plain HTML and JavaScript, adding interactive features like progress tracking and a sidebar, generating visual assets, and finally producing either a compressed corporate edition or a PDF ebook for participants. Each stage is handled by its own sub-skill, so you can also jump directly to any stage, for example, if your content already exists as text files, you can skip straight to turning them into a website. The project was originally built while creating a four-day workshop, but the skills are written generically so they work for any course, tutorial, or multi-chapter teaching site. You install them with one command, and the AI agent detects which steps to run based on what you describe. This is useful for educators, trainers, or anyone who wants to produce a polished interactive teaching site without writing code manually.

Copy-paste prompts

Prompt 1
Install teaching-site-skills with npx skills add and build me a 4-day workshop site from scratch.
Prompt 2
I already have lecture notes in markdown, use the static-spa-conversion skill to turn them into a site.
Prompt 3
Use the course-ebook-publishing skill to generate a PDF ebook from my finished teaching site.
Prompt 4
Add progress tracking, dark mode, and a sidebar to my course site using the static-spa-interactions skill.

Frequently asked questions

What is teaching-site-skills?

A set of 11 installable AI-agent skills that automate building an interactive course website end to end, from outline and content to a finished web page or PDF ebook.

What language is teaching-site-skills written in?

Mainly HTML. The stack also includes HTML, JavaScript, Node.js.

What license does teaching-site-skills use?

No license information is provided in the README.

How hard is teaching-site-skills to set up?

Setup difficulty is rated easy, with roughly 30min to a first successful run.

Who is teaching-site-skills for?

Mainly vibe coder.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.