video-add-content-cards
为视频项目生成基于时间轴的HTML图文叠加卡片
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：video-add-content-cards。 它的用途是：为视频项目生成基于时间轴的HTML图文叠加卡片 详细介绍见：https://321skill.com/skills/video-add-content-cards/ 请根据该页面的说明完成安装。
使用示例
‘在我的产品评测视频的第30秒，当提到电池续航时，请生成一个下三分之一字幕卡片，突出显示“续航18小时”这个数据，并用绿色进度条可视化。’，它会根据你的指令，生成一段与视频时间轴（第30秒）绑定的HTML代码，其中包含你指定的文本、样式和可视化元素，你可以将此代码用于视频后期合成。
介绍
这个Skill解决了视频内容创作者在后期制作中，需要为视频添加动态、美观且与字幕时间轴精确同步的图文信息卡片的问题。它允许用户根据视频脚本或字幕的时间点，选择性插入标题、下三分之一字幕、统计数据、重点指标、对比图表、列表、引用、章节卡或行动号召等元素，并以HTML图形（HyperFrames）的形式呈现，极大地丰富了视频的信息层次和视觉表现力。
使用方式非常直接：当用户有一个已理解其内容和结构的视频项目时，只需向AI描述需要在哪些时间点添加何种类型的卡片，并提供相关文本或数据。AI便会生成对应的HTML代码片段，这些代码可以轻松集成到视频编辑流程中，生成最终的可视化叠加层。
它非常适合视频剪辑师、内容创作者、营销专员以及任何需要制作高质量、信息丰富的解说视频、教程视频、营销视频或社媒视频的从业者。无论是制作产品演示、数据报告解读还是知识分享视频，都能通过此Skill提升视频的专业度和信息传递效率。
使用建议：在开始前，最好准备好视频的完整字幕文件或精确的时间点列表，这有助于AI更准确地定位卡片插入位置。生成的HTML图形具有高度的可定制性，但建议先在简单的测试片段中验证效果，再应用到完整项目中。注意，此Skill专注于生成叠加图形的代码，最终的视频合成与渲染仍需在专业的视频编辑软件中完成。
核心特点
与普通视频字幕工具不同，它专注于生成基于HTML5的、可高度定制样式的动态图形卡片（HyperFrames），并能与视频字幕时间轴精确绑定，实现复杂的、非线性的信息可视化叠加，而非简单的静态字幕或标题。
注意事项
不适合需要实时、自动化为海量未知内容视频批量生成卡片，或完全脱离视频编辑软件进行最终渲染输出的场景。
常见问题
这个Skill需要我会写HTML代码吗？
不需要，你只需用自然语言描述需求，AI会生成对应的HTML代码。
生成的卡片能用在哪些视频编辑软件里？
生成的HTML代码可以导出为图像序列或通过支持HTML叠加的插件（如某些专业软件）集成，或用于Web视频播放器。