Notebook Video
Turn a topic into a Chinese 16:9 teaching video (flat / cel component themes, or the journal / papercut / archive hand-made skins driven by a metaphor-first director layer) with React, TypeScript and Remotion. Every shot is a code-drawn component scene — consoles, diffs, checklists, stat rows, funnels, progress rings, kinetic numbers, stamp seals, verdict bars, or a real screenshot / screen recording in a MediaFrame — moved by an engine-level virtual camera that pushes in on whatever the narration names. Weak-model friendly: five teaching blueprints with per-shot component picks, golden exampl
Install
npx skills add hyt315/notebook-video --skill notebook-videogit clone --depth 1 https://github.com/hyt315/notebook-video.git /tmp/notebook-video
mkdir -p ~/.claude/skills
cp -r /tmp/notebook-video/. ~/.claude/skills/notebook-videoPersonal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.
From the SKILL.md
# notebook-video · 用组件场景讲清一件事 画面 = **组件场景**:每一镜都是真组件(控制台、代码差异、清单、数字行、漏斗、进度环、印章、结论条……), 由引擎虚拟摄影机推近 / 跟随 / 横摇。**常规镜头不要做满屏大字的「文字页」**——一句话也要放进卡片(`Callout` / `StampBanner`)里; 例外是每片 2–3 个**锤子帧**(整章最该被记住的一句,满屏单独出现 1.5–2.5 秒),规则见 [references/pacing-rhythm.md](references/pacing-rhythm.md)。 锤子帧怎么做:组件路线用 `StampBanner`(或 `Callout` 放大到 displayL)独占一镜;手作路线用 `HandLettering` 手写满屏一句,或 `Seal` 印章大字——都放在媒介里,不是白底大字。 只有 16:9;五个皮肤:`flat`(默认)、`cel`,以及 3.3.0 的手作皮肤 `journal`(手账水彩)/ `papercut`(红色剪纸)/ `archive`(档案灯台)。 没有 TTS:旁白是静音占位,字幕整行出现;组件路线按 4.5 字/秒定时,手作路线用 `silent-timing` 按 6.5 字/秒(`--cps N` 可改)。 ## 先选路线 | 题目 | 路线 | |---|---| | 软件、产品、代码、操作教程 | **组件路线**:`flat` / `cel` + 下面第 1–5 步 | | 科普、自然、历史、"为什么"类问题 | **手作路线**:先走第 0 步导演层,皮肤选 `journal` / `papercut` / `archive`,画面用 `src/craft/` 组件,再接第 2–4 步 | **不论哪条路线,每个选题都先搜一次 Commons / Openverse**(真东西几乎总能让片子更好): `python scripts/commons-search.py search "<英文关键词>" --project ./my-video`,能用的 `add` 进来,交付前 `credits` 生成 `CREDITS.md`。 许可只收公有领域 / CC0 / CC BY,署名自动上屏。见 [references/commons-media.md](references/commons-media.md)。 ## 第 0 步 · 导演层(手作路线必做) 照 [references/director-method.md](references/director-method.md) 写 `manifests/treatment.json`(模板 `manifests/treatment.example.json`): 一个生活问题 → 只属于这个题的隐喻 → 媒介(皮肤)为什么是它 → 顿悟点的**原生动作** → 三个候选结构选一个 → 对标学 / 不学 → 镜头表每镜写理由。 蓝图用 `blueprints/medium-metaphor.json`。`validate-treatment.py` 在手作皮肤下把缺项记 P0(`make-video` 自动跑)。
Details
- Skill name
notebook-video- Repository
- hyt315/notebook-video
- License
- Apache-2.0
- Repo updated
- 30 October 2026
FAQ
What does the Notebook Video skill do?
Turn a topic into a Chinese 16:9 teaching video (flat / cel component themes, or the journal / papercut / archive hand-made skins driven by a metaphor-first director layer) with React, TypeScript and Remotion. Every shot is a code-drawn component scene — consoles, diffs, checklists, stat rows, funnels, progress rings, kinetic numbers, stamp seals, verdict bars, or a real screenshot / screen recording in a MediaFrame — moved by an engine-level virtual camera that pushes in on whatever the narration names. Weak-model friendly: five teaching blueprints with per-shot component picks, golden exampl
How do I install the Notebook Video skill?
skills CLI (Claude Code, Cursor, Codex and more): npx skills add hyt315/notebook-video --skill notebook-video. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.
Is Notebook Video popular?
It lives in hyt315/notebook-video, which has 10 GitHub stars and 0 forks.
Related skills
Vsdx Trace
10ZJUZhiyuCai/vsdx-trace
Reconstruct raster references as high-fidelity, independently editable Microsoft Visio VSDX files. Use when a user asks to 复刻、临摹、重绘 a screenshot, paper figure, flowchart, system diagram, or model architecture as editable Visio, especially when iterative visual matching matters. Do not use for ordinary image generation or flat image embedding.
3d Brain Animations
10SamedVossberg/3d-brain-animations
Render 3D still images and rotating turntable animations of brain regions from ANY BrainGlobe atlas (mouse, rat, human, zebrafish, etc.), with optional glow/bloom highlighting and a semi-transparent whole-brain shell for context. Use this WHENEVER the user wants to visualize, render, picture, or animate brain anatomy: any species, any region (hippocampus, CA1, dentate gyrus, cortex, thalamus, amygdala, ...), any color, a glowing/highlighted region, a rotating brain video, or a neuroanatomy figure for a paper/thesis/slide — even if they don't mention Blender or BrainGlobe. Handles requests like
Consensus
8GoodLadTom/consensus
Find out what YouTube actually agrees on about a topic, and what it has quietly stopped saying. Searches YouTube for a topic, pulls ~100 transcripts across both the top-ranking and the most recent videos, extracts every specific claim, clusters claims that say the same thing, then weights them by age to separate settled advice from current advice from expired advice. Produces a self-contained HTML report where every position is traceable to a timestamped source. Use when the user types /consensus, or asks what the consensus is on a topic, what most people/creators say about something, whether
Talking Head Editor
9griffinwooldridge/talking-head-editor
Edit raw talking-head footage into a finished video with Claude. Tight cuts that never clip a word, studio-clean voice, reframing and punch-ins, word-timed captions, and cinematic motion graphics written as code, all rendered frame-exact with ffmpeg and HyperFrames. Use when someone hands you a raw recording (camera file, optional separate mic) and asks to "edit this video", "cut my talking head", "add motion graphics", "clean up the audio" or "make this look edited".
Framecraft
8vaddisrinivas/framecraft
Create polished demo videos from screenshots and scene descriptions. Think like a video producer — story arc, pacing, emotion, visual hierarchy. Orchestrates playwright, ffmpeg, and edge-tts MCPs or falls back to an atomic pipeline.
Reeljet
9Xabilimon1/reeljet
Use when the user wants to create a short promo or demo video (Reels/TikTok/Shorts/landing hero) for an app, web, or SaaS from their own screen recordings and screenshots. Orchestrates creative direction, Higgsfield-generated motion/b-roll, local music, and deterministic ffmpeg assembly into master 16:9 + 9:16. Trigger: /reeljet.
Browse the most popular Claude skills, all images, video & audio skills, or write your own with the skills generator.