whatisgithub

What is note-slides?

gainubi/note-slides — explained in plain English

Analysis updated 2026-05-18

151HTMLAudience · vibe coderComplexity · 2/5LicenseSetup · easy

In one sentence

An AI skill that turns long transcripts, articles, and course notes into single-file HTML slides while preserving the original structure and reasoning.

Mindmap

mindmap
  root((note-slides))
    What it does
      Long text to HTML slides
      Preserves original structure
      Traceable source anchors
    Tech Stack
      HTML
      Python
    Use Cases
      Interview transcripts to slides
      Podcast scripts to deck
      Articles to flippable notes
    Audience
      Vibe coders
      Chinese AI tool users

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

Turn a long interview transcript into flippable notes-style HTML slides

USE CASE 2

Convert a podcast's word-for-word script into a reviewable slide deck

USE CASE 3

Turn a long WeChat article or blog post into shareable single-file slides

USE CASE 4

Preprocess and validate source material before generating a slide deck with an AI tool

What is it built with?

HTMLPython

How does it compare?

gainubi/note-slideslimin112/wechat-publish-templatecclank/x-algorithm-wiki
Stars151149146
LanguageHTMLHTMLHTML
Setup difficultyeasyeasyeasy
Complexity2/51/52/5
Audiencevibe coderwriterresearcher

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

How do you get it running?

Difficulty · easy Time to first run · 5min
Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

So what is it?

Note Slides is a "skill", a set of instructions and templates for an AI tool, that converts long-form content into visually structured HTML slide presentations. The content it is designed to handle includes interview transcripts, podcast word-for-word scripts, long-form articles, course materials, and review notes. Rather than summarizing content or generating generic talking points, the tool's stated goal is to faithfully preserve the original material's structure, reasoning, and key moments, questions asked, judgments made, examples given, and data cited, and present them as horizontally flippable single-file HTML slides that open in a browser. Each slide is expected to have a traceable anchor point back to the source material. The README is in Chinese and is primarily aimed at users of Chinese AI tools. The repository structure includes the skill configuration file (SKILL.md), an HTML template, reference rules for content extraction and layout, and Python helper scripts for preprocessing input text, checking plans before slide generation, validating the output HTML, and packaging only the core files for distribution. Usage involves providing a long article, transcript, or link to an AI tool that supports this skill format and asking it to generate slides in the Note Slides style. The output is a single HTML file.

Copy-paste prompts

Prompt 1
Use the Note Slides skill to turn this long article into a single-file HTML slide deck
Prompt 2
Explain how Note Slides keeps each slide traceable back to the original source material
Prompt 3
Show me how to run the Python scripts in this repo to check a slide plan before generating HTML
Prompt 4
Convert this podcast transcript into Note Slides style slides that preserve the original order

Frequently asked questions

What is note-slides?

An AI skill that turns long transcripts, articles, and course notes into single-file HTML slides while preserving the original structure and reasoning.

What language is note-slides written in?

Mainly HTML. The stack also includes HTML, Python.

What license does note-slides use?

Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

How hard is note-slides to set up?

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

Who is note-slides for?

Mainly vibe coder.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.