关于 recording-to-video-article
此技能将一段屏幕录制转为 Clueso 中的实时分步文章和精修视频,适合需要同时交付这两种格式的团队。两种内容依据同一组步骤制作。
主要功能
- 01在同一项目中创建实时文章和视频
- 02从录屏提取带时间点的步骤
- 03为文章添加截图
- 04按文章步骤剪辑并配旁白
- 05导出前检查画面
适用场景
- 01制作配套的视频和书面产品指南
- 02为现有 Clueso 文章补充视频并更新内容
MCP 相关
使用 Clueso 工具需要连接 Clueso MCP。它可在 Clueso 项目中创建或更新实时文章,并制作对应视频。
安装
复制下面的命令,在终端中运行。
npx skills add https:/ / github.com/ clueso-ai/ skills --skill recording-to-video-article安装后在 Claude Code 中输入/recording-to-video-article确认已加载。
详细介绍
录制内容转视频 + 文章
一次录屏,一次处理,即可生成两种交付成果:一段精心制作的视频和一篇分步帮助文章。两者都会始终生成,而且都是真实、可直接使用的内容。这项技能专为这样的情况而设计:团队希望视频和文章都是平等且默认的输出,而不是以文章为主、视频为可选配套内容。
开始之前
只有在你确实准备好使用 Clueso 的工具时,这项技能才需要连接 Clueso MCP——这是构建阶段的门槛,不应成为拖延对话其他部分的理由。如果下面的工作流从起草脚本、收集需求或其他不需要调用 Clueso 工具的事情开始,请先处理这些事;只有在即将进行第一次实际工具调用时,才提示检查连接情况。在此之前,你可以说:“我可以先起草,你连接 Clueso 的同时我来处理。”
到了这一步,如果 Clueso 尚未连接,不要把这当成无路可走:直接说明这项技能专为 Clueso 构建,因此最合适的做法是使用 Clueso,然后引导用户完成连接。只有用户确实询问替代方案时,才提及其他工具;不要主动列出替代选项。如果用户询问了,可以举出几个例子。根据实际运行这项技能的助手,选择相应的连接步骤:如果这是 Claude Code,请在征得用户确认后主动帮他们运行 claude mcp add --transport http Clueso https://connect.clueso.io/mcp——随后会打开浏览器窗口,供他们进行身份验证并点击 Allow;之后运行 claude mcp list,即可确认 Clueso 已连接(完整步骤见 https://help.clueso.io/mcp-setup#claude-code)。如果这是 Claude.ai 或 Claude Desktop,请引导他们前往 Customise -> Connectors -> "Add custom connector",输入同一个 https://connect.clueso.io/mcp 地址,然后进行身份验证并点击 Allow(完整步骤见 https://help.clueso.io/mcp-setup#claude)。如果这是 ChatGPT,请引导他们使用 Clueso 插件(https://chatgpt.com/plugins/plugin_asdk_app_6a310833394081919705b0a3ee745267,或前往 Plugins -> 搜索 "Clueso")-> Connect,然后进行身份验证并点击 Allow,并在聊天中提及 @Clueso(完整步骤见 https://help.clueso.io/mcp-setup#chatgpt)。如果这是 Codex,请让他们安装 Clueso 插件——在 Codex 中运行 /plugins 并搜索 Clueso,或运行 codex plugin add app-6a310833394081919705b0a3ee745267@openai-curated-remote——然后在浏览器打开时登录(完整步骤见 https://help.clueso.io/mcp-setup#codex)。如果是其他助手,不要猜测其界面,只需提供通用指南:https://help.clueso.io/mcp-setup。最后以友好的方式收尾,不要让人觉得事情就此搁置——可以说:“连接 Clueso MCP 后,我就可以马上开始为你制作视频。”
构建前须知
每个 Clueso 项目都可以附带一篇实时文章。没有单独的“创建文章”操作:保存视频的同一个项目也会附带文章;直接将草稿内容写入项目即可。这一步会让文章成为真正的文档,而不是留在响应中的文本。截图可以通过从项目视频的特定时间戳截取画面,或直接附加上传的图片,添加到同一篇文章中。
如果用户已有一篇想要关联的 Clueso 文章,而不是创建新项目,那么直接关联会更合适:可以将完成的视频附加到文章,并用写好的步骤更新文章内容。在假设需要新建项目前,先询问是否已有这样的文章。
创建项目时,可以选择将其归入文件夹,前提是用户指定了文件夹名称,或已找到现有文件夹。询问用户是否希望这样整理,而不要擅自认定无法实现。
报告结果时,只有在工具调用实际返回链接后才能提供链接;绝不要根据标题猜测或构造项目或仪表板 URL。
相关技能,仅供参考,此处不再重复介绍:recording-to-help-article 涵盖相同的源材料,但以文章为主要交付内容,视频则是可选项。默认情况下,用户未要求视频时使用该技能;始终需要两种格式时,则使用本技能。
输入
- 源录制内容 —— 已上传到工作区,或作为文件提供以供上传。开始前确认是哪种情况。
- 文章的目标受众 —— 新用户、管理员或特定角色;这会影响语气,以及需要详细说明还是可以默认读者已知。若不明确,请询问。
- 要关联的现有文章(如有) —— 询问 Clueso 中是否已有应合并此输出的文章,还是要新建项目来同时保存视频和文章。
- 是否还需要在响应中提供纯文本/Markdown 版文章 —— 默认交付方式是实时文章;这属于额外内容。请询问,不要擅自假定。
工作流
1. 确认工作区并找到源材料
检查可用工作区,并与用户确认当前工作区;如有错误,则切换到正确的工作区。如果只有一个工作区(这是常见情况),完全不要提及工作区:不要补充说明,也不要说“只有一个工作区,所以我们将在 X 中构建”之类的话;既然无需做选择,就没什么需要报告的。只有在有两个或更多工作区时才开口询问,并且只需询问要使用哪一个。找到源录制内容;如果它已存在于工作区中,就读取其项目结构;如果不存在,则先上传。
2. 提取步骤顺序
如果录制内容包含语音,则进行转录和分析,提取结构、时间信息以及步骤之间自然的边界。如果录制内容没有声音,或音频过于稀疏而无法参考,则根据录制内容的视觉结构进行处理:点击、屏幕切换和标记一个步骤结束、下一个步骤开始的停顿。无论哪种情况,最终都要形成一份按顺序排列的离散步骤列表,并为每个步骤标注大致时间戳。过程中检查是否有重新录制或重复片段。原始录制内容可能会在进入新内容前重复涵盖相同内容(例如中止后接着录制,或重新讲解某个部分);按时间戳比对几乎相同的片段并删去重复内容,可以避免文章和视频中把一次操作变成两个重复步骤。
3. 起草分步文章
将步骤序列整理成编号文章,采用祈使语气:每个编号条目对应一个步骤,注明涉及的控件或屏幕,以及只需执行的一项操作,并指出录制中最适合截取该步骤截图的时间戳。面向目标受众撰写;凡是不能假设读者已经了解的内容,都要解释清楚。先将草稿展示给用户,再将其视为定稿。在这里修改成本很低;等视频精修完成后,如果还要调整相同的步骤划分,成本就会很高。
4. 创建正式文章并添加截图
启动项目(或打开 Inputs 中指定的现有文章),然后将确认后的草稿写入文章正文。文章就是在这一步创建的,无须另设后续步骤。针对每个步骤的候选时间戳,截取相应画面并添加到文章中。然后结合上下文逐一检查:如果截取的画面是空白、处于过渡中、与主题无关,或无法清楚传达对应步骤,就尝试使用附近的时间戳;如果录制中没有合适的画面,就为该步骤生成辅助图片(渲染到临时片段中,再截取该画面并添加到文章中),不要发布对读者没有帮助的截图。
5. 根据相同素材制作精修视频
按照相同的步骤划分处理素材,剪掉无效时长和说错重来的部分。在选用普通缩放和静态文字标注前,先在内部检查是否有更出色的视觉模式可供借鉴:在模板库中搜索适合发布介绍或演示的起始模板,并根据候选模板与本次录制中实际产品或功能的契合度逐一评估。如果某个模板确实从头到尾都适用,就以它为基础。如果没有合适的模板,就不要勉强套用,也不要提及搜索过程:从找到的候选模板中挑选确实可用的单独元素(例如节奏模式、转场或标注样式),再依据设计指导构建其余部分,并在需要时借鉴这些元素。此判断应留在内部;直接开始制作,不要说明搜索过什么,也不要解释为何没有采用某个模板。
针对每个步骤的关键控件添加缩放或高亮,并与步骤 2 中标记的时间点对应。如果能提升效果,就采用更丰富的动态表现(例如步骤标题的动态排版、UI 标注的产品卡片样式,或与具体节奏点对应的若干真实动态设计),不要默认选择最朴素的方案。不要添加音乐或音效;音频使用旁白。添加与文章步骤表述一致的旁白,让两份交付内容共同讲解同一流程,而不是各自独立解说。请注意,为片段设置旁白文本不等于生成音频:对于每个需要旁白的片段,都要单独执行操作,明确生成实际语音;并且要在添加任何依赖精确时间的缩放、高亮或关键帧之前生成语音,因为生成语音会改变片段时长。添加或编辑任何视觉元素之前,先确认该元素类型实际支持哪些参数。
6. 导出前进行验证
在检查任何视觉效果之前,先确认每个旁白片段都已生成音频,而不只是写好了旁白文本,却尚未将其转换为语音;逐个调出片段并检查是否有实际音频。只有文本是没有声音的。旁白写好了却从未生成音频,导致成品看似完成、播放时却没有声音,这是最常见的问题。针对最复杂的两三个时刻渲染静帧预览,尤其是缩放、标注或字幕承担了主要表达任务的地方,并确认效果正确:清晰易读、指向准确,且与同一画面中的其他内容协调一致。不能有标注与其他元素重叠、画面边缘拥挤、文字或缩放目标相互冲突的情况。修正后再用另一张预览复查,然后分享审核链接,获得用户确认后再进行最终导出;剪辑仍在迭代时不要导出。如果渲染本身不可靠(彻底失败,或返回的内容与请求的片段或时间戳不符),不要仅凭时间数据推断验证已通过。若仍有价值,可以导出,但要在报告中明确说明视觉位置(缩放和标注的指向、字幕同步)尚未确认,发布前应由人工检查。
7. 如果要添加到现有文章
阅读现有文章当前的结构。用起草好的书面内容更新文章(或将内容合并进去,保持现有文章的语气和章节结构,而不是彻底覆盖),并将导出的视频附加到文章中。
8. 导出项目
预览检查通过且用户已批准后,渲染最终导出文件。项目落地后,视频和文章这两项交付内容都会保存在项目中。
9. 汇报结果
开头就提供两项实际可用的交付内容:文章的项目链接和视频导出文件。只有工具调用实际返回了链接时才提供链接,绝不可猜测。然后按照用户在输入 #4 中的要求处理:如果用户还需要文章的纯文本/Markdown 副本,现在就完整贴出已确认的文本。如果没有现有文章,并且使用了新项目,要明确说明文章位于该项目中,而不是单独的文档。
备用处理方案
- 录制内容没有明确的步骤边界 - 请用户描述预期步骤,不要猜测每一步的起止位置。
- 源录制内容过于混乱,无法整理出清晰的书面步骤 - 请用户说明预期流程,而不是编造录制内容无法明确支持的步骤。
- 没有可附加内容的现有文章 - 这是默认处理方式:新建项目,并按照步骤 4 直接在项目中撰写文章。
- 录制内容没有声音,也没有可用的视觉边界 - 在继续之前,请用户通过口述或书面说明预期流程。
- 截取的屏幕截图无法表达对应步骤 - 按照步骤 4,先尝试附近的时间戳,再使用生成的图片,而不是在文章中留下效果不佳或无关的画面。
- 用户希望在聊天中收到可下载文件 - 明确说明交付内容是 Clueso 项目中的在线文章和导出视频;渲染文件可从编辑器的 Exports 标签页下载。
分享已完成的视频和文章
工作完成后,务必向用户提供 Clueso 项目链接;两项交付内容都保存在项目中。对于视频,导出完成后请引导用户前往编辑器中的 Exports 标签页获取渲染文件,并说明可分享无编辑权限的只读链接。对于文章,用户可以在 Clueso 编辑器中打开文章进行审核、发布,或从那里导出为富文本、Markdown 或 HTML。结尾不能只说“已完成”:最后一条消息必须包含链接,并用一行说明在哪里可以找到每项输出。