vibeknow能从带编号步骤的算法文本中自动提取镜头，生成高亮指针、分步推进、数据快照的dp/二分/回溯动画；需用“1. 动词开头”格式，变量名须全文统一，支持picdoc流程图导入或内置引擎转换，可精细调节帧时长与高亮顺序。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
想把LeetCode题解里的动态规划四步法、二分查找边界处理逻辑或递归回溯的剪枝过程，变成观众一眼看懂的动画演示，而不是堆砌代码和文字说明——VibeKnow能直接从算法文本中识别步骤结构、变量变化和控制流，自动生成带高亮指针、分步推进、数据状态快照的可视化动效。
让AI准确识别算法步骤结构
粘贴含明确步骤标记的算法描述，例如“1. 初始化dp数组为0；2. 遍历字符串s，i从0到n-1；3. 若s[i]==‘a’，则dp[i]=dp[i-1]+1”——这种带数字序号+动词开头的句式，系统会自动切分为独立镜头，每步对应一帧画面。若原文写成段落式（如“首先初始化……接着遍历……最后返回……”），AI可能合并为单镜，导致动画节奏拖沓。
上传PDF时，确保算法步骤在原文中使用了项目符号、编号列表或加粗关键词（如【步骤一】、▶ 第二步）；纯文本中避免用破折号或星号替代编号，否则解析失败率超60%。
生成带变量追踪的执行动画
在创意提示词栏输入：“用动画演示dp数组随i变化的过程，每步显示i值、s[i]字符、dp[i]当前值及更新逻辑”，AI将自动启用变量高亮模式：画布左侧固定显示数组索引行，右侧动态刷新数值格，并用箭头指向当前操作位置。
若原始文档未显式写出变量名（如只写“设一个数组记录结果”），系统无法绑定追踪对象，此时必须在提示词中【明确定义变量名，且与后续描述完全一致】，例如统一用“dp_arr”而非混用“dp”“DP”“dp_table”。
这一步操作起来很简单，直接把文件拖进去就行。
替换默认代码块为可交互流程图
方法一：用PicDoc联动生成流程图后导入
在PicDoc中粘贴同一段算法描述→选择“逻辑框架图”类型→生成后下载PNG→回到VibeKnow预览页，点击目标镜头旁铅笔图标→Visual→Replace Image→上传该PNG。注意：【PicDoc导出图分辨率必须≥1920×1080，否则VibeKnow会自动降质拉伸】
方法二：在VibeKnow内直接触发流程图引擎
进入预览页后，鼠标悬停画面→点“Edit Scene”→在弹出面板中选“Visual Style”→下拉选择“Algorithm Flow”→勾选“Apply to all algorithm-related scenes”→确认。此模式会将所有含“for”“if”“return”等关键词的段落，自动转为带菱形判断框、矩形处理框、箭头连线的标准流程图，无需手动绘图。
调试动画节奏与关键帧
第一步：拖动预览进度条，定位到dp数组首次更新的时刻→点击右上角“Sync Timing”按钮→在弹窗中将该镜头时长设为2.4秒（低于2秒人眼来不及捕捉变化，高于3秒显得拖沓）。
第二步：找到循环体内部的重复操作段落→点击其脚本行右侧铅笔图标→切换到“Animation”选项卡→将“Transition Type”改为“Step-by-step highlight”，系统将逐个高亮i、s[i]、dp[i]三个元素，顺序不可逆。
第三步：播放验证时，若发现变量值闪现过快，立即暂停→在时间轴上右键该镜头→选择“Split Scene at Playhead”→将长镜头拆为两段，前段展示条件判断，后段专注数值赋值。
