Concept Reel

使用 Canvas、Playwright 和 FFmpeg 制作或修改无旁白的横屏字幕知识短片,支持 15 种动态设计风格、内容驱动分镜、确定性动画、预览与音效合成。适用于把概念或机制做成可理解的动画;有人声口播、实拍和生成模型视频不属于这套引擎的工作流。

25 stars 1 forksTesting & QA

Install

skills CLI (Claude Code, Cursor, Codex and more)
npx skills add Jogzh/concept-reel --skill concept-reel
Manual install
git clone --depth 1 https://github.com/Jogzh/concept-reel.git /tmp/concept-reel
mkdir -p ~/.claude/skills
cp -r /tmp/concept-reel/. ~/.claude/skills/concept-reel

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

From the SKILL.md

# Concept Reel · 概念短片

让画面解释一句话:观众能认出主体,看见变化,理解因果。交付可运行工程、分镜与事实出处,以及请求范围内的预览或成片。

本 skill 目录含共享引擎;工程可以建在用户项目内。命令中的 `engine/`、`scripts/` 相对于本 skill 目录,调用时使用实际路径。当前固定画幅为 1920×1080 横屏;默认 30fps,新建工程可设置帧率。

## 按任务阅读

- 创作或调整镜头:先读 [制作规范](docs/production-guide.md),再读 [视觉解释方法](references/visualization.md)。
- 写 `film.js` 或调用工具:读 [引擎 API](references/engine.md)。
- 选择或拓展风格:读 [15 种风格与选型](references/styles.md),用 `--list-styles` / `--describe-style ID` 查询配方;旧 B/C 外观见 [兼容外观](references/worlds.md)。已有风格优先遵循用户要求。
- 调整文案:读 [脚本](references/script.md)。
- 长片、章节、累计曲线与事件:读 [长片经验](references/craft.md)。
- 构图或转场问题:读 [布局](references/layout.md) 与 [视觉语法](references/visual-grammar.md)。
- 需要 brief:读 [提示词示例](references/prompts.md);复盘示例读 [分析方法](references/analysis.md)。

## 创作原则

- 先决定观众要明白什么,再选择主体与动作。几何图形可用于图表和抽象量;描述真实物体时应有可辨认的形态。
- 字幕中的变化要在屏上发生。数字来自计算,示意、适用条件与不确定事实标清楚;重要事实记录可核查来源。
- 一次只安排一个主要视觉焦点。字幕可稳定,标题、关键词和标签随主体与留白布局。
- 字体、色彩含义和运动手感统一;镜头重心、景别与信息密度按内容选择。风格预设是起点,可调整色板与动作、组合一个主风格和一个辅助风格。
- 字幕完全显现后再计算阅读停留;看图和推理需要额外时间。结论先停住,再离场。
- 动画由 `t` 决定。随机数使用固定种子,不以实时钟、计时器或跨帧累计状态决定画面。
- 原示例用于学习实现方式;新片应围绕自己的主题、文案与分镜制作。来源与材料边界见 [NOTICE](NOTICE.md)。

## 工作流程

**确定交付范围。** 识别题目、已有文案、现有坏镜头、长度、风格、配乐与是否需要完整导出。能从上下文推断的选择直接推进;只澄清影响结果的缺失要求。用户已授权完整制作时,继续完成,不反复要求阶段批准。

**整理事实与分镜。** 写一句话核心问题和事实表(事实、来源、适用条件、把握程度)。按镜头记录时间、叙事任务、主体与重心、文案与阅读顺序、动作、完整阅读停留和声音。先解决无法画清的句子,再排时间。保留已有文案的原意;需修改的事实或结构说明原因。
Read the full skill on GitHub

Details

Skill name
concept-reel
Repo updated
13 October 2026

FAQ

What does the Concept Reel skill do?

使用 Canvas、Playwright 和 FFmpeg 制作或修改无旁白的横屏字幕知识短片,支持 15 种动态设计风格、内容驱动分镜、确定性动画、预览与音效合成。适用于把概念或机制做成可理解的动画;有人声口播、实拍和生成模型视频不属于这套引擎的工作流。

How do I install the Concept Reel skill?

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

Is Concept Reel popular?

It lives in Jogzh/concept-reel, which has 25 GitHub stars and 1 forks.

Related skills

State of Paywalls 2026 By Adapty

26

vkharlan-adapt/state-of-paywalls-2026-skill

Answer questions from Adapty's State of Paywalls 2026 report and audit paywall designs against it: benchmarks by region and category, pricing, placement, A/B test ideas, and paywall screenshot reviews.

Testing & QA

Zod

24

anivar/zod-skill

Zod v4 best practices, patterns, and API guidance for schema validation, parsing, error handling, and type inference in TypeScript applications. Covers safeParse, object composition, refinements, transforms, codecs, branded types, v3→v4 migration, and testing schemas with Jest or Vitest. Baseline: zod ^4.6.0. Triggers on: zod imports, z.object, z.string, z.infer, safeParse, mentions of "zod", "schema validation", "zod v4", "z.enum", or testing a schema — "schema test", "zod mock", zod-schema-faker.

Testing & QA

Qikly

19

gal-a/qikly

Write tests that can actually fail, by withholding the acceptance criteria from the agent that writes the code. Use when someone does not trust a suite that passes. Use when they want tests written from a specification rather than from the code. Use when they ask whether a specification is testable, or want an existing suite scored by planting faults in the code. Python modules, through the qikly tool. Also use whenever qikly or spec-driven testing is mentioned.

Testing & QAIn 1 list

Sketch Narrator

22

qingyabailu-git/SketchNarrator

从中文主题、文案、视频链接、本地音视频或参考角色制作带自然配音、真实音频时间、分区笔迹和内部成片 QA 的完整手绘讲解视频。适用于素材转口播、黑板讲解、白板科普、故事口播和系列 IP 手绘视频;不用于纯 AI 视频模型生成或复杂 Web 工作台建设。

Testing & QA

Plan and Build

17

jattanjie21/plan-and-build

Use when a user wants to plan and implement a new feature or bug fix from scratch. Triggers on requests like "I want to build X", "add a feature for Y", "fix Z", or when the user invokes /plan-and-build. Guides through clarifying questions, breaks work into small features, sets up a tasks folder, implements each feature with TDD (test first), and produces a manual testing guide when complete.

Testing & QA

Molt Dex

23

ReSo7200/molt-dex

Reverse-engineer and assess Android apps, from unobfuscated to heavily obfuscated, using a staged, evidence-first pipeline built on apktool, adb and scrcpy. Use when the user wants to understand how an APK is built, what it does, where its secrets and misconfigurations are, or wants to drive an app on a device to observe its behaviour. Dynamic testing (anything that touches a running system or backend) is authorization-gated and must be in scope.

Testing & QA

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