Communitygithub.com

视频屏幕教程

制作一个品牌化教程或操作演示视频(30秒至10分钟,1080p横屏),展示如何在真实应用或网站(如 Search Console、Cloudflare、Google Tag Manager、WordPress、GitHub 等后台)中完成某项操作。优先使用用户自己的屏幕录制,否则将步骤重建为精确的 HTML 模拟界面,并配有移动光标、点击、打字及控件聚焦。用用户的声音(或 Jay)进行旁白,融入品牌元素,带有步骤标记、印章、真实来源凭据,并适度使用共享素材库。适用于“如何操作”、“逐步指南”、“设置”和“展示如何在 X 中做 Y”这类视频。概念性和观点类视频请使用 video-faceless 或 video-concept-explainer。

视频屏幕教程 是什么?

该技能专为生成高质量、品牌化的屏幕教程视频而设计,时长从 30 秒到 10 分钟不等,分辨率 1080p 横屏。其核心价值在于灵活处理屏幕素材:如果用户提供了自己的屏幕录制,则直接使用;否则,技能会基于最新的参考文档(references/screens.md)将操作步骤重建为精确的 HTML 模拟界面,包含光标移动、点击、打字和控件高亮,从而确保演示的准确性。所有关于产品的声明都必须附带来自官方文档的真实截图或引用(即“收据”),并且在使用前会自动检查并模糊掉敏感数据(如邮箱、账号 ID、密钥等)。视频结构遵循“钩子(问题引入)→ 一句话概括 → 步骤演示 → 结果展示 → 额外小贴士”的模式,每个步骤对应一个 `screen` beat,镜头从宽景推近到控件并保持聚焦,步骤标记和印章会叠加在右上角。该技能适用于多种平台(如 Google Search Console、Cloudflare、WordPress、GitHub 等),强调节奏舒缓、品牌统一、素材使用克制,并提供了清晰的成本预估(仅转录费用,渲染时间约每分钟视频 1-1.5 分钟)。

兼容平台~Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/NicheEgg/video-studio/tree/HEAD/skills/video-screen-tutorial

在你喜欢的 AI 中提问

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

文档

屏幕教程

首先阅读 references/house-rules.md;该文件优先级最高。 执行顺序:video-director 第 3 节。本文件仅涵盖特定内容。

状态: 重建的模拟界面已验证可行(参考 Search Console + Cloudflare 视频);screen beat 中的截图已验证可行。在缩放窗口内播放真实屏幕录制的功能尚未实现:请在首次处理真实录制时构建并测试该功能(将 screen beat 扩展为接受 video,就像 clip beat 所做的那样),然后更新此行。

特定内容

  • 屏幕素材的来源(硬性规则 2):优先使用用户自己的屏幕录制;否则,根据当前带日期的参考文档(references/screens.md)将步骤重建为 HTML 模拟界面,包含光标、点击、打字和控件聚焦。这是一种演示,因此重建是合适的。可复用的现有模块:gsc-add-property、cloudflare-dns-add、gsc-verify。
  • 必须保持真实的内容: 任何关于产品的声明(例如“Google 说…”)都必须是从其文档中截取的收据;任何作为自身展示的静态页面(如首页、定价页)都必须通过截图获取。
  • 检查每一帧中的隐私数据(邮箱、账号 ID、密钥、收入)。模糊或裁剪这些数据,并告知用户。
  • 来源: fetch-video.sh → enhance-audio.sh → rough-cut.mjs(它会同步剪辑画面和声音,从而去除死时间和重拍片段) → voice.mjs --provider file。
  • 每个步骤是一个 screen beat,包含品牌窗口内的录制(或截图)和摄像机 moves:从广角开始,在提及控件时推近(1.3–1.6 倍),保持,然后拉回。切勿使用笔记本电脑或设备边框。
  • 步骤标记 位于右上角,来自 script.json → steps。在需要点击的元素上添加印章或高亮。每个 beat 只包含一个指令,并以屏幕上显示的标签命名。
  • 结构: 钩子(问题引入,5–10 秒;如果用户有自拍则使用) → 一句话概括整个任务 → 步骤 → 结果 → 一个额外小贴士。
  • 素材库使用克制: 仅用于产品声明(其官方文档)的收据,或在“成功”或“失败”时刻添加反应或梗声音。步骤中间不得插入无关镜头。
  • 重建的界面使用占位数据(example.com),绝不使用真实账户详情。
  • 节奏: 舒缓。观看者需要跟随操作。

成本与时间

仅转录费用(美分)。渲染时间约为每分钟视频 1–1.5 分钟。

参考资料

own-footage.md · engine-api.md(screen beat,摄像机移动) · screens.md(重建应用界面用于演示) · voice-music.md · troubleshooting.md

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

相关技能