bluue-hand-drawn-explainer-video

bluue-hand-drawn-explainer-video is a skill for Claude Code, Codex from xiaomaolu/bluue-ai-skills. It costs 68 tokens per session (2,399 once invoked), scanned A, original, MIT.

A workflow for making short, vertical, hand-drawn explainer videos about psychology, sociology, communication, and related ideas. It covers planning, fact checking, narration, visuals, rendering, and publishing text.

In plain words
What is it for?
For creating concept videos with a script, voice narration, illustrations, fact checks, an MP4, a cover image, and a playable web version.
Why use it?
It provides an ordered production process so the creator plans and checks the explanation before producing the final video.

Skill for Claude CodeCodex

Written for no agent in particular: nothing here depends on one.

Good fit For creating concept videos with a script, voice narration, illustrations, fact checks, an MP4, a cover image, and a playable web version.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/xiaomaolu/bluue-ai-skills/bluue-hand-drawn-explainer-video
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add xiaomaolu/bluue-ai-skills --skill bluue-hand-drawn-explainer-video
Clone the repo
git clone --depth 1 https://github.com/xiaomaolu/bluue-ai-skills

Made for: Claude Code, Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for bluue-hand-drawn-explainer-video

README.md
[![agentmods](https://agentmods.dev/badge/skills/xiaomaolu/bluue-ai-skills/bluue-hand-drawn-explainer-video/github.svg)](https://agentmods.dev/skills/xiaomaolu/bluue-ai-skills/bluue-hand-drawn-explainer-video)
Your own site
<a href="https://agentmods.dev/skills/xiaomaolu/bluue-ai-skills/bluue-hand-drawn-explainer-video"><img src="https://agentmods.dev/badge/skills/xiaomaolu/bluue-ai-skills/bluue-hand-drawn-explainer-video/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for bluue-hand-drawn-explainer-video

Your own site · 80×15
<a href="https://agentmods.dev/skills/xiaomaolu/bluue-ai-skills/bluue-hand-drawn-explainer-video"><img src="https://agentmods.dev/badge/skills/xiaomaolu/bluue-ai-skills/bluue-hand-drawn-explainer-video.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 68 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 2,399 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00068 $0.02399
Opus 5.5 $0.00027 $0.00960
Sonnet 5.5 $0.00014 $0.00480
Haiku 4.5 $0.00007 $0.00240

Measured yesterday against content hash e8aa3bf61f0a, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

bluue-hand-drawn-explainer-video scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured yesterday.

The scan reads SKILL.md. This mod also ships 9 executable files (templates/audio.py, templates/build.py, templates/gen.py, …), listed below but not scanned — reading those needs a real analyzer, not pattern matching.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

bluue-hand-drawn-explainer-video/SKILL.md · 81 lines

How it starts

The opening of the file, as written. The whole thing — 81 lines — stays where its author put it; the contents beside it link to each section on GitHub.

手绘线稿概念科普短视频

用于给用户(水印「蓝与蓝之间的ai差值」)制作一支讲解某个理论或概念的短视频。系列已做过:沉默的螺旋、框架理论、习得性无助、汉隆剃刀。

一、工作流程(顺序不能乱)

  1. 先出计划,不要直接做。 用户通常会说「先看看计划」。计划包含:钩子、分段脚本(旁白 + 画面)、结尾金句候选(2–3 个)、主色建议、需要核对的事实清单。等用户确认或修改后再动手。
  2. 核对事实。 每个数字、年份、实验设计、原话都用 WebSearch / WebFetch 核对;核对不到的就改写成更保守的说法,并在交付时说明。
  3. TTS → 时间轴 → 画面 → 抽帧检查 → 配乐 → 渲染 → 交付。
  4. 交付:MP4、封面 PNG(第一帧截图)、网页版 Artifact(带音频的可播放页面),回复里说明结构、注意事项和来源链接。
  5. 用户随后通常会要「文案」,按第七节格式给。

二、内容结构(约 2 分钟,9:16)

段落 内容 要点
0 钩子 「为什么……?」+ 一个真实具体的案例 第一帧就是封面:手绘画框里的大字标题 + 钩子问题 + 一幅主图。用户明确要求钩子要深、要具体,像「同一块牛肉,为什么75%瘦肉更好吃」「全世界同时蓝屏,是谁在搞鬼」,不要用太日常太轻的例子(如「同事已读不回」被否过)。
1 概念 引出理论名和一句话定义 给出提出者和年份
2 证据 经典实验/研究,带具体数字 标注出处小字;示意性的图要标「示意」
3 生活里 2–3 个日常对照(「你以为 / 更可能」) 代入感
4 反转/争议 理论被修正、被滥用、效应很弱等 用户很喜欢反转;每集必须有局限或争议段
5 怎么用(可选) 两步法、自检问题
6 结尾 一句有哲思的金句 + 一个互动问题 金句要对称、可截图传播

真实事件:尽量用真实事件,但隐去公司名、平台名、刊物名(写「一家网络安全公司」「某平台」),画面角落标「已隐去名称」。只讲有公开记录或判决的事实。

三、视觉风格

  • 画布 1080×1920,背景 #fbfaf7,墨线 #141414,灰 #9a9a96。
  • 只用一个主色,每集换一个,与前几集区分:沉默的螺旋 #ff5a36 橙红;框架理论 同橙红;习得性无助 #2f5bea 钴蓝;汉隆剃刀 #6c47ff 紫。新一集选未用过的(如草绿、青、琥珀)。
  • 参考风格:粗黑线、留白多、头发涂满黑块、四角小星星点缀的漫画线稿;人物全部原创,不画已知角色。
  • 线条抖动:整组插画套 SVG 滤镜 feTurbulence(baseFrequency 0.035, numOctaves 2) + feDisplacementMap(scale 3.2),每帧把 seed 设为 1 + floor(t*8) % 4,得到 8fps 的「线条呼吸」。
  • 常用手绘元件:双线画框(标题框)、对话气泡(talk 橙线 / dots 省略号 / grey 灰线)、doodle 小人头(圆脸 + 黑发块 + 点眼)、主角女孩(波波头 + 主色发夹)与男生、手机、柱状图、仪表盘、天平、印章「反转」、剃刀/尺子等道具。
  • 字体:全部 Noto Sans SC(粗体 700/900);英文副标题字间距加大、灰色。
  • 顶部固定页眉:左上理论名(900 粗)+ 英文名(灰色小字),右上水印「蓝与蓝之间的ai差值」。
  • 安全区:字幕在 y≈1450–1520;底部 25% 和右侧按钮区不放关键信息;出处小字放在 y≤1380。

四、动画引擎(单文件 HTML + SVG)

  • 每个场景 <g class="scene" data-s data-e>;场景之间 0.7s 交叉淡入淡出。
  • 元素用 data-at(相对场景开始的秒数)、data-out、data-d 控制;类型由 class 决定:fade / slide(data-from="x,y") / scale(data-c, data-sx0, data-sy0) / pop / draw(pathLength=1 描线)。
  • 自定义动画用 data-anim(如 shrink、scroll、typedel 打字又删、needle 仪表指针、tilt 天平、fill 进度条、hand 时钟)。
  • 暴露 window.__seek(t) 供逐帧截图;URL 带 #render 时隐藏播放器 UI。
  • 时间轴由 TTS 时长驱动:每句旁白有 id 和所属场景;场景开始 = 上一场景结束;句首 = 前一句结束 + 间隔(0.4–0.5s);每场景加 LEAD(0.6s) 和 TAIL(1s,最后一场 4s)。画面元素时间用 rel(id, scene, fraction) 表示「某句话读到百分之几时出现」。
  • 字幕:每句一条,单行 ≤18 字,超长在标点处拆两行,字号 min(50, 930/最长行字数);【】 标记的词用主色高亮。

Read the full file on GitHub · 81 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. yesterday First seen · 81 lines · 68 tokens per session scan A e8aa3bf61f0a

Subscribe to this mod's changes

bluue-hand-drawn-explainer-video is a skill published in the GitHub repository xiaomaolu/bluue-ai-skills (6 stars, last pushed 2d ago), licensed MIT. It adds 68 tokens to every session and 2,399 once invoked, about $0.0003 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-11-05.

Related

bluue-hand-drawn-explainer-video compared with skills from other repositories

bluue-hand-drawn-explainer-video next to 6 skills from other repositories
ModTypeStarsLast pushLicenceScanTokensWorks with
bluue-hand-drawn-explainer-videoxiaomaolu/bluue-ai-skillsSkill62d agoMITA68Claude Code, Codex
hr-onboardingnexu-io/open-designSkill106ktodayApache-2.0A62Claude Code, Codex
book-mirrorgarrytan/gbrainSkill32ktodayMITA138Claude Code
exam-forecastanthropics/claude-for-legalSkill9.9ktodayApache-2.0A73Claude Code
lean-formalizewanshuiyin/Auto-claude-code-research-in-sleepSkill19kyesterdayMITA81Claude Code
eli5companion-inc/feynmanSkill10k6d agoMITA63Claude Code, Codex
deck-course-modulenexu-io/html-anythingSkill9.4ktodayApache-2.0A25Claude Code, Codex