Vibe Knowledge Film

抖音「Vibe知识大赏」式的无旁白知识短片：2–5 分钟、16:9、没有人声，观众读底部一行字幕，同时看屏上把这句话演出来。核心是讲解设计：给每个概念找一个外行认得的形象，画得像它本身（不用点、线、圈代替），句子里说到什么屏上就是什么、动词真的发生；提问、命名、结论不硬配图。全片由代码逐帧画出（Canvas + seek(t) + Playwright + ffmpeg）。内含四条参考片的逐句拆解、六种画法、找形象的方法、分镜表格式、两套外观、渲染引擎和合成配乐。用户说"做一条 vibe 知识大赏的视频""像《信息论·惊奇之学》《运气的形状》《超常刺激》《自指》那样的片子""代码直出的知识短片""没有旁白的字幕科普片""把这个概念直观地讲清楚"，或者给了一个题目、一份文案要做成这种片子时使用。只做 16:9 横屏。有人声口播的讲解片不用这个。

826 stars 88 forksTesting & QA

Install

skills CLI (Claude Code, Cursor, Codex and more)

npx skills add HeyChengC/vibe-knowledge-film --skill vibe-knowledge-film

Manual install

git clone --depth 1 https://github.com/HeyChengC/vibe-knowledge-film.git /tmp/vibe-knowledge-film
mkdir -p ~/.claude/skills
cp -r /tmp/vibe-knowledge-film/. ~/.claude/skills/vibe-knowledge-film

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# Vibe 知识短片

一种没有旁白的知识短片：观众读底部的一行字幕，同时看屏上把这句话**演出来**。

做这种片子的人是科普作者兼导演。色、字、辉光、片名卡都是皮；片子好不好，看的是观众能不能一眼认出屏上的东西、看见它在变、看完讲得出"因为……所以……"。

## 配图不是讲解

这个 skill 做过一条失败的《折叠》（讲蛋白质和 AlphaFold）：全片的主体是一串星点连成的折线。
字幕说"只换掉第 6 个，形状就变了，这就是镰刀型贫血"，折线换了个卷法、变成玫红色。
颜色、字体、节奏都像参考片，可观众从头到尾没见过蛋白质是个什么东西、错一个字母到底坏在哪。
那串星点换给任何一段文案都成立——它是配图。

重做以后，同一段内容是：镜头从血管里的红细胞钻进去，找到一串珠子；第 6 颗变了色；拉出来，细胞弯成了镰刀；
再钻进去，珠串卷成一团抓住氧分子；变色的那颗在表面成了黏点；一团粘一团连成长杆；长杆从里面把细胞顶弯。
两版的对照图是 `examples/fold_old_vs_new.jpg`，重做的成片在 `examples/fold_C/`。

**动手前先读 `references/visualization.md`。** 四条参考片逐句的"文案 → 屏上是什么 → 观众为什么懂"、六种画法、什么时候不画、
怎么给概念找形象、分镜表怎么写，都在那里。本文件只是流程。

交付物：一个工程目录（`storyboard.md` 分镜表 + `film.js` + 渲染出的 `renders/final.mp4`），加上事实表。

## 八条规矩

1. **先找形象，再写文案。** 每个概念先找到一样外行认得的东西来演它；句子里要有屏上看得见的东西和动作。画不出来的句子，改句子。
2. **屏上的主体叫得出日常名字，而且长得像它本身。** 一串有光泽的珠子、一个中间凹下去的红细胞、一条带刻度的数轴、一句古诗。
   点、线、圈、柱子、方框不算；一个圆圈加一个标签也不算。
3. **句子里的动词，屏上真的做。** "砍掉一半"就盖住一半，"粘住"就真的卡上去。数是算出来的；示意的地方写明"示意"。
4. **先例子，后道理。** 名字、公式、结论，排在观众看过例子之后。开头十秒让观众看见一件事或者自己试一下，然后才是片名。
5. **该画的画，该停的停。** 提问、命名、结论、引文、出处，不配新画面——参考片里大约每五句有一句是这样。
6. **一个世界、一把尺子、几样道具用到底。** 一个场景撑两句以上，每句只改一处；结尾回到开头的画面。
7. **没有人声，外观统一，画面现写。** 文案就是字幕，每句一眼读完；一条片一套色、字、画法，每种颜色全片一个意思。画面和代码是为这份文案现写的，不套模板，不搬别的片子里的东西。
8. **每个事实带出处。** 年份、人名、数字上屏；不加水印，不加署名。

## 改到自己满意为止

第一次渲出来的画面几乎都有毛病。这种片子是看着图改出来的，不是写完代码就完了的——`fold_C` 那 33 秒改了三轮才成片。

- **每做完一镜就截图看。** `--sheet` 看全局，`--stills` 看原尺寸，`--motion` 看转场。看的是图，不是代码。
- **看的时候当自己是第一次看的观众。** 遮住字幕和小字过三问：这是什么 / 它在干什么 / 我明白了什么。答得含糊就是没做好。

Read the full skill on GitHub

Details

Skill name: vibe-knowledge-film
Repository: HeyChengC/vibe-knowledge-film
Repo updated: 13 October 2026

FAQ

What does the Vibe Knowledge Film skill do?

How do I install the Vibe Knowledge Film skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add HeyChengC/vibe-knowledge-film --skill vibe-knowledge-film. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is Vibe Knowledge Film popular?

It lives in HeyChengC/vibe-knowledge-film, which has 826 GitHub stars and 88 forks.

Related skills

Playwright Skill

406

testdino-hq/playwright-skill

Current Playwright (1.64) patterns for writing, debugging, and scaling reliable test suites. Use for any Playwright task, even ones you think you know, because the guides cover APIs and CLI flags newer than most training data. Covers writing or fixing tests, locators, a failing or flaky test, a trace.zip or error message, playwright.config and projects, network mocking, auth, visual and accessibility testing, Docker and CI sharding, playwright-cli browser automation, Playwright Test Agents, page objects, migrating from Cypress or Selenium, and QA work: test case design, bug reports from failur

Testing & QAIn 2 lists66

Squadra

1.1k

dagoSte/squadra

Coordinates work entrusted to several Codex, Claude, Cursor or mixed windows, with tasks, acknowledgements, proofs, a non-author reviewer and a persistent registry. Includes squadra dash to view the activity and squadra selftest to test the protocol. Use when the owner asks for a squad (squadra), a coordinator/builders/reviewer, resuming a squad or its dashboard; it does not impose this scheme on ordinary changes in a single window.

Testing & QA91

Terrashark

716

LukasNiessen/terrashark

Prevent Terraform/OpenTofu hallucinations by diagnosing and fixing failure modes: identity churn, secret exposure, blast-radius mistakes, CI drift, and compliance gate gaps. Use when generating, reviewing, refactoring, or migrating IaC and when building delivery/testing pipelines.

Testing & QA28

Test Fixing

689

mhattingpete/claude-skills-marketplace

Detects failing tests and proposes fixes. Automatically identify test failures and suggest solutions.

Testing & QAIn 3 lists99

Generic Language Killer

769

realkimbarrett/advertising-skills

Remove vague, corporate, or AI-sounding language and replace it with clear, specific, human wording. Trigger on "improve copy", "sounds generic", "too fluffy".

Testing & QAIn 1 list68

Grill Me

1.3k

RobMitt/grill-me-skill

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

Testing & QA106

Browse the most popular Claude skills, all testing & qa skills, or write your own with the skills generator.