Menu

Individual skill

bb-video

Code-made videos (mp4, 16:9 / 9:16 / 1:1): narrated explainers and beat-synced promos for sites / apps. The user picks only the style: whiteboard, risograph, ink-wash, launch motion, origami, pop art, op art, Matisse cut-outs, ASCII art, shadow puppets, Bauhaus, pixel art, chat log, toy 3D, newsreel, film-room breakdown, suspense mystery, isometric miniatures, movie trailer, news clippings, manga, animated map, Swiss kinetic type, dark motivational short, blueprint, paper collage, flat grain illustration, storybook mascot, Bayeux tapestry, 3D stick-figure parable, pencil-test animation, pen-drawn picture washed with colour. For explainers, history, news, promos from a URL. Use when asked for an "explainer video", "a promo for this site / app", or in Chinese "做个科普视频" "白板动画" "讲个历史故事" "给这个网站 / App 做个宣传片" "产品发布视频", or names a style (孔版印刷, 水墨, 折纸, 波普, 欧普, 剪纸, 字符画, 皮影戏, 包豪斯, 像素, 聊天记录, 玩具三维, 老新闻片, 录像分析, 悬疑探秘, 等距微缩世界, 电影预告片, 剪报解说, 日漫, 地图动画, 瑞士风动态排版, 暗调励志动画, 蓝图工程图, 纸艺拼贴, 扁平颗粒插画, 手绘绘本吉祥物, 贝叶挂毯, 3D火柴人寓言, 铅笔手绘, 线稿成世界).

skills/bb-video/SKILL.md

Read pinned source

Source commit 8bea3082c21f44766ee98a35d420cfee785c1a01

What was checked

Matches the observed repository HEAD
Yes
Scanner rules are current
Yes
Repository scan complete
No
Skill scan complete
No
Observed behavior
Network or broad shell
Last checked
Nov 4, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.

Repository context

Repository stars (not skill ratings)
148
Repository last updated
Nov 6, 2026
License
MIT

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files
Read excerpt

# BB Video

Videos drawn in code: HTML + CSS / SVG / canvas frames, rendered frame by frame in Chrome, sound synthesized in code, assembled with ffmpeg. Every frame is the pure function `renderFrame(t)`, so any frame can be rendered on its own and every render is identical.

Relative paths in this file are relative to this skill's folder.

## One choice: the style

The style is the **only** thing the user picks. It decides how the video looks, moves and sounds — never what it says. If the user names a style, use it; otherwise recommend one from the topic or product and say why in the storyboard. When the user says "try another style", redo the same content in the new style.

| Style | Look | Best for | Explainer | Promo |
|---|---|---|---|---|
| `whiteboard` hand-drawn whiteboard | Drawing on an infinite whiteboard while explaining, camera moves, cartoon characters | Problem walkthroughs, derivations, phenomena, stories that need characters | ✓ | ✓ |
| `riso` risograph | Magazine pages with spot-color overprint, halftone, misregistration; page turns by drum roll | Everyday trivia, psychology, news, finance, data, food, vocabulary | ✓ | ✓ |