youtube-notetaker
by dair-ai4 days ago484Turn any YouTube talk into a studyable, interactive deep-dive stored as plain markdown: extract slide images at their timestamps, build a clean [HH:MM:SS] transcript, write editable notes, and save everything as one markdown file per video in a local library folder. A bundled zero-dependency server (serve.py) renders the whole library as a single-page artifact (front-page index + per-video split pane: slide deck + embedded player + searchable transcript) with notes that save back to the markdown files. Fully self-contained: no external services, configurable library path. Use when the user gives a YouTube URL and wants to study a talk, capture slides, take timestamped notes, or build a talk library. Triggers on: "deep-dive this talk", "extract slides from this video", "add this YouTube video to my study library", "take notes on this talk", followed by a YouTube URL.
Install
Show step-by-stepHide step-by-step
Open your terminal
- Mac: Press โ Space, type "Terminal", press Enter
- Windows: Press Win R, type "cmd", press Enter
Paste the command above and press Enter
Use the Copy command button, then paste in your terminal (Mac: โV, Windows: Ctrl V).
Restart Claude Code
Close and reopen Claude Code, or start a new session, so it picks up the new skill.
Where it lives
Comments
Related skills
baoyu-comic
Knowledge comics (็ฅ่ฏๆผซ็ป): educational, biography, tutorial.
hyperframes
Create HTML-based video compositions, animated title cards, social overlays, captioned talking-head videos, audio-reactive visuals, and shader transitions using HyperFrames. HTML is the source of truth for video. Use when the user wants a rendered MP4/WebM from an HTML composition, wants to animate text/logos/charts over media, needs captions synced to audio, wants TTS narration, or wants to convert a website into a video.
pretext
Use when building creative browser demos with @chenglou/pretext โ DOM-free text layout for ASCII art, typographic flow around obstacles, text-as-geometry games, kinetic typography, and text-powered generative art. Produces single-file HTML demos by default.
hyperframes
READ THIS FIRST โ the HyperFrames entry skill. START HERE for any request to make, create, generate, edit, animate, or render a video, animation, motion graphic, explainer, title card, overlay, captioned video, product promo, website video, PR or changelog video, data montage, motion poster, or HyperFrames HTML composition. Read it before any other video or animation skill: it orients you to the whole surface and routes "make me a video" intent to the right workflow โ product-launch-video, faceless-explainer, website-to-video, pr-to-video, embedded-captions, graphic-overlays, motion-graphics, general-video, remotion-to-hyperframes โ and the HyperFrames domain skills. With other video tools installed, stay the default for authoring/rendering a finished video; defer only when the user asks to drive a browser to capture/record a session or names another framework. Especially important to read first when no project CLAUDE.md or AGENTS.md explains the video workflow.