产品演示视频剪辑

SKILL前端设计
前端设计 未标注权限 许可证不明确
安装这个技能

面向产品经理、市场与开发者的一站式演示视频流水线:你只要静音录好产品界面(可多段),本 Skill 读关键帧理解操作,按故事节拍把多段素材拼成一条时间线,剪掉空档、加载页与误操作,把等待段高倍速压缩(实测 7 分钟压到 3 秒),给核心点击加推近与涟漪,对团队名等敏感信息打码,最后逐条配帧级字幕(微软雅黑、黑底白字、垂直居中),并同时产出带字幕成片、可编辑 .srt、无字幕版三种交付物;你改完字幕,一句话即可重新烧制下一版。也支持从网页 URL 无头录制、给一组截图、或由 AI 代操作 Mac 应用来采集素材,并能把多个已定稿的功能演示串成带章节过渡页的故事线合集(过渡页可直接取参考 PPT 的底图与字体)。适用场景:产品发布会演示、官网与会展展区循环播放、销售客户案例视频、对内汇报 Demo、开源项目 README 视频。关键词:录屏剪辑、演示视频制作、AI 剪辑、加字幕、字幕重烧、点击推近、缩时压缩、敏感信息打码、30 秒演示视频、demo video、screen recording editing。

一句话选型结论

按资料字段整理

产品演示视频剪辑是前端设计类的 Agent Skill,安装方式未标注,权限级别未标注,许可证不明确,有可直接复制的安装命令。技能本质是给模型读的说明书,效果取决于模型与客户端;装完先用一个小任务验证,再放进正式流程。

分类前端设计 安装方式未标注 权限级别未标注权限 许可证许可证不明确
累计安装 未标注 本周 未标注
GitHub 星标 未标注 仓库 未标注
下载量 未标注 技能市场下载数
权限级别 未标注权限 安装前请确认风险范围
许可证 许可证不明确 未说明

安装

未标注
在支持 Skills 的客户端里执行,装完问一句「你有哪些技能」验证
skillhub install user_fadd436c/product-demo-video-maker
  1. 1
    确认客户端支持

    确认你的客户端支持 Skills(Claude、Codex、Cursor 等),并升级到较新的版本。

  2. 2
    拿到技能文件

    执行上面的命令安装;也可以把仓库里的 SKILL.md 手动放进客户端的 skills 目录。

  3. 3
    刷新技能列表

    重新打开客户端,或刷新技能列表,让新放进来的技能被加载。

  4. 4
    验证是否生效

    问一句「你有哪些技能」,确认列表里出现它,再拿一个小任务试跑。

技能档案

前端设计
字段来自技能仓库与公开索引,中文说明由本站标注
作者 / 维护方user_fadd436c仓库 未标注 · 版本 未标注
宿主客户端未标注技能可被这些客户端加载
安装方式未标注安装包 community
权限级别未标注权限安装前请确认风险范围
许可证未说明许可证不明确,商用前请自行确认条款
仓库可用性available技能仓库当前是否可访问
最近核验2026-11-06上游最后核验时间 · 数据更新 2026-11-06
正文体量10.0 KBSKILL.md 原文大小,越大说明说明书写得越细

典型使用场景

3 类
按分类整理的常见用法,具体以 SKILL.md 为准
出页面与组件

按描述生成页面结构和组件草稿。

调整样式与布局

改间距、配色与响应式布局。

生成设计说明

把设计稿整理成开发能接的说明。

选择建议

装之前先看这几条
按条目字段给出的判断,不替你决定用不用

值得选的地方

  • 有可直接复制的安装命令,不用自己翻文档找入口。

先想清楚的地方

  • 没有标注权限级别,实际能做什么要装好后确认。
  • 许可证不明确,商用或二次分发前先到仓库确认条款。
  • 没有做站内核验,内容以作者仓库为准。
  • 技能只是说明书,实际效果取决于模型与客户端,装完先用小任务试一遍。

更适合

  • 需要在前端设计场景里给模型补一套做法的人。
  • 愿意先读一遍 SKILL.md、确认它会让模型做什么的人。

不太适合

  • 对许可证要求很严、必须明确可商用的人。
  • 只想装完就自动变强、不打算看说明书的人。

同类对比

6 个同类
同分类里挑最接近的几条,字段以各自详情页为准
技能权限级别安装方式累计安装宿主客户端安装命令
产品演示视频剪辑当前 未标注权限 未标注 未标注 未标注 有
前端设计 只读 GitHub 仓库 882.3 万 Codex、Claude、Cursor 有
Vercel 组合模式 联网访问 GitHub 仓库 385.9 万 Codex、Claude、Cursor 有
Vercel React native skills 前端 只读 GitHub 仓库 246.9 万 Codex、Claude、Cursor 有
adapt 搜索 浏览器控制 GitHub 仓库 202.7 万 Codex、Claude、Cursor 有
使用我的浏览器 浏览器控制 GitHub 仓库 184.8 万 Codex、Claude、Cursor 有

SKILL.md 全文

10.0 KB
模型实际读到的说明书原文,来自技能仓库

产品演示视频剪辑

流水线:素材 → 统一时间线 events.json → render.py 做全部后期(剪辑/倍速/推近/涟漪/打码/字幕)。

用户录屏(可多段) ─concat→plan.json─from_video.py─┐   (默认,详见 references/edit-recording.md)
Web URL ──rec_web.py─────────────────────────────┤
截图    ──from_shots.py───────────────────────────┼──> events.json ──render.py──> 成片.mp4 + .srt
Mac 代录 ─rec_mac.py/ui.py────────────────────────┘   (详见 references/record-channels.md)
SK=<本技能目录>/scripts
PY=python3   # 需安装 opencv-python pillow;Web 录制另需 playwright,Mac 代录需 pyobjc

第 0 步:本机执行约束(不遵守必翻车)

  1. 所有命令非沙箱运行(dangerouslyDisableSandbox: true),固定前缀 cd <项目>/work/_tmp && export TMPDIR=$PWD;(init 会建好 _tmp;其他目录缺 _tmp 时用 Write 工具写占位文件来创建)。
  2. 本机安全中心拦截删除;不覆盖旧文件,成片版本号递增。复制用 cat src > dst(cp 静默失败)。
  3. 输出里的 sitecustomize ... temporary directory、Blocked by Security Center 是噪音,只看脚本的 [ok] / [x] / [!]。
  4. 渲染超过 2 分钟的任务用 run_in_background: true;不要前台 | tail 等长任务。
  5. zsh 不做变量分词:时间点、坐标等参数逐个写进命令,别塞进一个变量再展开。
  6. 看图(关键帧、抽帧、网格图)用 ViewImage,Read 读图片只返回路径。

项目目录(产物分门别类,方便查找与后续修改)

每个视频一个项目,统一放在固定根目录 ~/Movies/demo-videos/(环境变量 PDVM_ROOT 可改)下,开工第一步 init:

<ROOT>/<项目名>/            # 项目名 = 场景_功能,如「2026发布会_AI搜索演示」
  README.md                  # 用途、素材、目标时长、当前版本、待确认/待补录(每次交付更新)
  CHANGELOG.md               # 每版:用户反馈 → 改动(每次交付追加一行)
  source/                    # 原始录屏归档副本(init --src 自动复制;补录/补发的素材也复制进来)
  work/                      # analyze/、combined.mp4 + sources.json、plan.json、edit.json、字幕源、抽帧检查图、_tmp/
  output/                    # 全部版本成片 _vN.mp4 / _vN.srt / _vN_无字幕.mp4(只增不覆盖)
  scripts/                   # 本项目专用的辅助脚本
  • 原始素材必须归档进 source/(原件常在下载目录,会被清理或改名);concat / analyze 一律读 source/ 里的副本。
  • 不把产物散落在会话工作区;用户继续改某个视频时,先到根目录找到项目,读 README 和 CHANGELOG 接上上下文,再改 work/plan.json。
  • 同一项目续做不新建项目;新视频(换功能/换场景)才新建。

默认偏好

  • 素材来自真实产品界面,后期只加字幕 + 核心点击推近。不加片头片尾、过渡页(故事卡)、背景、概念卡;例外:用户明确要求,或一条片子串了几个不同功能、需要卡片衔接。
  • 要加故事卡、且用户给了同一场合(同一场大会 / 发布)用的 PPT 时,故事卡直接取 PPT 的视觉规范(底图、logo、字体、主色),和演讲成为一套;不要自己另配背景。详见 references/story-cards.md。
  • 成片尺寸 = 录屏原尺寸,不强制 1080p;时长按用户要求(常为 30s / ≤60s),差 1s 以内算达标。
  • 字幕:微软雅黑粗体,白字黑底垂直居中,每条 ≤20 字、≥3s;只写画面里看得见的,不解读 sample 数据。
  • 对外视频:非演示团队名等敏感信息打码,全片扫一遍,拿不准的问用户。
  • 每次交付三件:_vN.mp4、_vN.srt、_vN_无字幕.mp4。

剪辑原则(通用,详见 edit-recording.md)

  1. 先排故事再剪:入口 → 操作 → 价值页 → 细节 → 落地;多段素材按节拍拼,不按文件名。(§2)
  2. 必须展示入口:开场 1–3s 从上一级页面点进功能,入口点击推近 + 涟漪,字幕写路径「入口:A → B」;素材缺入口就请用户补录。(§2)
  3. 时间给价值页:操作/输入/等待压缩,结果页、概览、答案放慢;凑时长降倍速,不加内容。(§4)
  4. 过渡页:中段刷新、白屏、加载、空态页直接剪掉;无关操作哪怕 1 秒也剪。(§4)
  5. 推近宁少勿多:只推核心点击和局部组件,整屏宽元素不推;同屏连续关注点一次推近 + 平移,避免来回晃。(§6)
  6. 交付时说清缺口:素材没拍到的效果不写进字幕,建议补录。(§10)
  7. 故事卡只放在不同功能之间:同一功能内部的子步骤切换用「过渡镜头 + 字幕」;卡的视觉优先取参考 PPT。(story-cards.md §1–2)

选通道

用户给的 做法
自己录好的录屏(一段或多段) 默认,读 references/edit-recording.md 按 §1 流程走
补录 / 漏发的片段 重新 concat 或插入合并,references/edit-recording.md §8
把几个已定稿的功能演示串成一条故事线 / 合集(展区循环、暖场),或要片头片尾、章节过渡页 scripts/story.py,读 references/story-cards.md
一条片子里几个功能之间加过渡页(不串合集) scripts/story.py + story-cards.md §3b:本项目当唯一章节素材
产品 URL / 截图 / 要求 AI 代操作 Mac 应用 读 references/record-channels.md

默认流程速览(用户录屏)

$PY $SK/from_video.py init <项目名> --src <录屏1> <录屏2> ...              # 建项目目录(work = <ROOT>/<项目名>/work)
$PY $SK/from_video.py analyze <录屏> --work <work>/analyze/<录屏名>         # 每段:keyframes_*.jpg + analysis.json
$PY $SK/from_video.py concat <work>/combined.mp4 <录屏1> <录屏2> ...       # 多段时:→ combined.sources.json
$PY $SK/inspect_tool.py gridframes <源录屏> t1 t2 ... --out-dir <work>    # 读推近/打码坐标(标签=源像素)
# 写 <work>/plan.json:保留段 [源序号,t0,t1,倍速,字幕] + focus + blur
$PY $SK/from_video.py plan <work> --target 30                            # → edit.json + captions_src.srt + 时长/字幕告警
$PY $SK/from_video.py build <work> --nosub
$PY $SK/from_video.py reburn <work> --nosub                              # 用户只改了 _vN.srt 时

plan.json 格式、倍速参考、读坐标方法、打码检查清单、补录合并命令都在 references/edit-recording.md。
样式参数表在 references/style.md;默认样式 assets/style_plain_ui.json。

验收(交付前必做;看不到视频,靠抽帧)

$PY $SK/inspect_tool.py frames <成片.mp4> 1.8 5.1 8.5 ...   # → <成片>_frames[_N].jpg,ViewImage 查看
  • 每条字幕中点:字幕与画面对应,无错别字;流式输出的文字按实际出现时刻对位。
  • 每个推近时刻 +0.15s:已推近到目标、目标未被裁;推近密集段相邻帧无来回缩放。
  • 中段无白屏/刷新/加载帧,跨段计数与状态不矛盾;打码段原尺寸裁剪核对。
  • 时长达标;每条字幕至少 3s 可读。

同一问题改 3 次仍不过,停下把抽帧图给用户看并问方向。
交付:present_files 给 mp4 + srt + 无字幕版;回复写清时长、字幕条数、节拍/字幕表、推近/打码与剪掉的内容、素材缺口与待确认项,以及项目目录路径。交付前更新项目 README(当前版本、待确认)和 CHANGELOG(本版反馈 → 改动)。

遇到问题 / 沉淀经验

  • 先查 references/pitfalls.md(工具/环境/渲染层面的实测坑,按 A–F 分组)。
  • 沉淀新经验时不要直接追加到文件末尾:先判断它是剪辑原则(→ edit-recording.md 对应章节,必要时同步本文件「剪辑原则」一行)、工具坑(→ pitfalls.md 对应分组)还是录制通道问题(→ record-channels.md);已有同类条目就改写合并,写成跨产品通用的表述,不写具体项目名。

常见问题

5 问
答案由本站依据条目字段整理
产品演示视频剪辑怎么安装?

在支持 Skills 的客户端里执行:skillhub install user_fadd436c/product-demo-video-maker。安装方式为未标注。装完刷新技能列表或重开客户端。

产品演示视频剪辑支持哪些客户端?

资料没有标注宿主客户端,但只要客户端支持 Skills(Claude、Codex、Cursor 等),一般都能加载。

产品演示视频剪辑权限高吗,安全吗?

权限级别为未标注权限。安装前先看它会读取或写入哪些内容。

产品演示视频剪辑收费吗?

本站不代收费用,也没有标注具体价格。是否收费取决于技能本身和所用的模型或客户端,正式使用前按作者说明确认。

产品演示视频剪辑用什么许可证?

许可证标注为 未说明(许可证不明确)。商用或二次分发前请到仓库确认条款原文。

热门专题

按场景挑技能
全部专题 →

技能内容以作者仓库为准;分类、权限级别与许可证状态的中文说明为中文整理,最近核验 2026-11-06。