Communitygithub.com

ascorblack/video-skills

为程序演示视频和科普视频的视觉设计提供规则——包括图表与连接线、术语附带应用实例、幻灯片停留时长、无跳变转场、镜头推进、画面中的标题与图形,以及以苏联科普和胶片风格(调色板、字体、颗粒感、暗角)进行的风格化处理。在设计、绘制或编辑帧、幻灯片、图表、标题、转场或视频风格时,以及在组装前检查帧时使用。

video-skills 是什么?

该技能为开发者或AI Agent用户提供了一套详尽的视频视觉设计规则,特别针对程序演示和科普视频。它基于过去视频制作的经验教训,涵盖了从基础布局到高级风格化(如苏联科普和胶片风格的复古美学)的各个方面。技能中包含对图表连接线走向、术语的实例化展示、幻灯片显示时长计算、转场一致性、画面元素对齐、文本闪烁避免等核心视觉规范的精确指导。该技能支持多种平台的应用场景,包括界面录制、风格化科普视频制作以及3D第一人称浏览器视频的创作。主要通过一系列Markdown文件(如lines-and-layout.md、explanations.md、retro-style.md等)提供详细规则,并与video-ui-capture等技能协同工作,确保帧在组装前经过独立检查,从而提升视频的整体质量和专业度。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/ascorblack/video-skills/tree/HEAD/skills/video-design

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

视频的设计与视觉

每条规则均取自过往视频制作的经验教训;来源以方括号注明(底部有图例说明)。 当不同来源出现分歧时,会给出两种建议,并附注各自适用的场景。

简短规则

  1. 在帧的最终状态下,线条不穿过块、文本或其他线条。[视觉] 连接线应为直线并绕过块。[视频]
  2. 每个术语都必须附带一个应用实例:包含参与者、动作和数字的场景。每张幻灯片只传达一个概念。[视觉]
  3. 计算幻灯片的显示时间,而非随意指定;在文字数量确定之前,不要设定视频长度。[视觉] 不同来源的停留标准不同——详见 pacing-and-transitions.md。
  4. 整部视频使用一种转场效果,默认使用溶解;连接处不使用缩放。[视频] [视觉] [科普]
  5. 相邻帧的共享元素应位于相同坐标且尺寸相同;下一镜头从上一镜头的最终状态开始。[视觉]
  6. 字幕不抖动,且在未阅读完之前不消失。[视频]
  7. 画面中的图形——仅限团队已验证过的内容,措辞需与验证结果一致。[视觉]
  8. 屏幕文字与旁白文字——来自同一来源。[视频]
  9. 先制作静态帧“之前 → 动作 → 之后”,对其进行独立检查,然后基于相同帧制作视频。[视觉]
  10. 不要绘制界面模型来代替实际录屏 [视频] ——但在风格化的科普视频中,界面在每一帧都被重新绘制了 [科普]。两种情况均在 video-ui-capture 技能中有所涉及。
  11. 科普风格化:克制的调色板、时代细节、无抖动的摄像机、无闪烁和划痕。[科普]

详细说明

  • lines-and-layout.md — 图表中的线条、标题、图形、字幕,以及如何检查交叉。
  • explanations.md — 术语 + 应用实例、数字、翻译。
  • pacing-and-transitions.md — 幻灯片停留时长、转场、连接处跳变的原因、摄像机。
  • retro-style.md — 科普和胶片风格的平面画面、胶片效果。
  • process.md — 工作顺序以及交付前的帧检查。

来源

  • [音频] — 关于宣传视频和演示文稿的声音及配音的存档课程。
  • [视频] — 关于视频的存档课程:界面录制、节奏、转场。
  • [视觉] — 关于由示意图帧组成的宣传视频视觉效果的存档课程(HTML 帧 → 逐帧渲染)。
  • [3D] — 在浏览器中制作三维第一人称视频的课程(three.js → 逐帧渲染)。
  • [科普] — 关于苏联科普风格和 70 年代早期胶片风格视频的课程。

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

ascorblack/video-skills

Правила 3D-анимации для роликов в браузере (three.js → покадровый рендер) и анимации фигур с предметами — руки и тело от первого лица, рукав и манжета, контакт кисти с предметами и поверхностями, смешивание поз и углов, расталкивание персонажей, ходьба без скольжения, свечение, контактные тени, процедурные материалы, детекторы пересечений и рывков. Используй, когда строишь, анимируешь или проверяешь 3D-сцену, персонажей, руки, предметы в руках или свет в ролике.

ascorblack/video-skills

Правила звука для роликов — фоновая музыка и звуковое оформление, совпадение звука с картинкой, сведение голоса и музыки (LUFS, истинный пик, приглушение), удлинение музыки без стыков, синтез дикторской озвучки (дословность, темп), архивный «эфирный» голос с помехами, сдача звука и работа с API-ключами. Используй, когда делаешь, сводишь, проверяешь или правишь музыку, звуковые эффекты, озвучку или микс ролика.

ascorblack/video-skills

Правила рендера и оптимизации роликов из HTML/браузерных кадров — грабли покадрового рендера с перемоткой (твины, CSS-анимации, transform, aspect-ratio, SVG use, тяжёлые слои), детерминизм и повторяемость, где уходит время рендера, кодирование на NVENC с битрейтом, воркеры, отвязанный от сессии рендер, вшивание звука без перерендера картинки, проверка готового файла (ffprobe) и хранение версий. Используй, когда рендеришь, ускоряешь, кодируешь, пересобираешь или сдаёшь готовое видео.

ascorblack/video-skills

Правила записи интерфейса программы для роликов, презентаций и gif — покадровая съёмка браузера в виртуальном времени (headless Chrome, beginFrame), демо-стенд с выдуманными данными, курсор, метки во время записи, запасы в начале и конце дубля, лист кадров, наезды и обрезка записи, экран программы в стилизованном кадре, версия на другом языке с теми же кликами и синхронизация рук в 3D-сцене с записью. Используй, когда снимаешь, режешь, ускоряешь или вставляешь в ролик запись экрана приложения.

相关技能