VibeKnow可将带编号/符号的售后步骤文本自动生成高亮节点、箭头引导、自动停顿的演示动画；需勾选Auto Diagram Mode、Step-by-Step Animation、Highlight Flow Arrows三项，并上传合规截图替换默认节点图。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你想把“客户投诉→登记工单→技术初筛→远程诊断→上门维修→回访闭环”这类标准售后处理流程，变成带节点高亮、箭头引导、每步自动停顿的演示动画，让新员工30秒看懂全流程，不用手动画流程图、不配旁白、不调时间轴。
准备结构清晰的售后流程文本
打开原始售后手册或内部SOP文档（Word/PDF/网页均可），确保每一步都用明确编号或符号开头，例如“① 客户致电400热线→坐席录入CRM系统”“第二步：工单自动分派至区域技术组”“• 进入维修系统 → 选择‘紧急-硬件故障’标签 → 提交审核”。
【若步骤混在大段说明文字中无任何标记，VibeKnow会当成普通叙述处理，无法触发流程图解模式】。
复制全部流程内容，不要包含标题、页眉页脚、截图标注或“注意事项”类说明性文字——只留纯步骤链。这一步操作起来很简单，直接把文件拖进去就行。
上传并启用流程动画解析
打开 vibeknow.com → 点击【Paste URL】下方的“Paste Text”按钮 → 粘贴刚复制的步骤文本。
右侧设置栏中，必须勾选三项：
• “Auto Diagram Mode”（自动图表模式）
• “Step-by-Step Animation”（逐步动画）
• “Highlight Flow Arrows”（高亮流向箭头）
这三项缺一不可。未勾选“Auto Diagram Mode”时，系统默认走知识讲解路线，把步骤当旁白读出来，画面只会配静态插图；勾选后AI才启动流程语义解析引擎，自动把“→”识别为动作流向，“①②③”识别为执行序列。
替换默认节点图为真实售后界面截图
方法一：单帧精准替换
① 在预览页右侧悬停，点击“Edit Scene”进入可编辑状态。
② 左侧脚本区找到标有[步骤3]或[第三步]的段落行 → 点击行尾铅笔图标 → 切换到“Visual”选项卡 → 点击“Replace Image”。
③ 上传一张1080×1920像素的手机售后系统界面截图（如工单登记页、远程诊断弹窗、维修签到界面），【原始分辨率必须达标，否则系统强制拉伸会导致按钮文字糊成一片】。
方法二：批量注入界面序列
准备6张截图，按操作顺序命名为step_01.png、step_02.png……step_06.png → 点击右上角齿轮图标 →“Theme Settings” →“Upload UI Sequence” → 选择该文件夹 → 系统自动按编号匹配到对应步骤帧。
上传完成后立即刷新预览窗口，播放验证箭头是否从上一截图的终点指向下一截图的起点位置——若错位，说明截图中操作目标区域不够居中，需重新裁切。
导出售后流程演示动画视频
点击顶部菜单「Export」→ 选择「MP4 Video」。
在弹出面板中设置帧率（推荐12 fps）、画布尺寸（默认适配当前视图）、勾选「Record full execution including pauses」。
点击「Render」。
