vibeknow仅识别含「||」分隔符的文本泳道,需手动标注如“用户端||①…”;启用泳道动画须同时勾选auto diagram mode、step-by-step animation、enable lane transition;绑定截图需按命名规范(如lane_user.png)或逐行替换1080×1920 png。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

确认流程文本已含泳道结构
VibeKnow不识别Visio里拖出来的泳道图形,只认文本中明确标注的泳道分隔符。你必须在原始文档或粘贴文本中用「||」符号手动划分泳道边界,例如:“用户端||① 输入手机号→② 获取验证码→③ 提交表单”“后台服务||① 校验格式→② 调用短信网关→③ 返回状态码”。【若未用双竖线分隔,系统将整段流程当单泳道处理,无法触发泳道切换动画】。
这一步不能靠后期补救——上传后脚本已固化,再进编辑页也加不进泳道锚点。
启用泳道动画解析模式
打开vibeknow.com → 粘贴含「||」分隔的流程文本 → 在右侧设置栏中,必须同时勾选三项:
• “Auto Diagram Mode”
• “Step-by-Step Animation”
• “Enable Lane Transition”
【最后一项是泳道动画专属开关,缺一不可;未勾选时,所有步骤都在同一画面平铺,不会出现左右滑动或淡入淡出的泳道切换效果】。
勾选后,预览窗口顶部会显示“Lane-aware animation active”,表示系统已识别泳道逻辑并准备按顺序逐帧加载。
为每个泳道绑定专属界面截图
方法一:单泳道精准替换
① 预览页右侧悬停 → 点击“Edit Scene”进入可编辑状态;
② 左侧脚本区找到带“||”前缀的泳道标题行(如“用户端||”)→ 点击行尾铅笔图标 → 切换到“Visual”选项卡 → 点击“Replace Background”;
③ 上传一张1080×1920像素的手机端操作截图(PNG格式),确保界面顶部状态栏、底部导航栏完整可见——这是泳道身份的视觉锚点。
方法二:批量注入泳道序列
准备4张截图,按泳道顺序命名为lane_user.png、lane_backend.png、lane_db.png、lane_monitor.png → 点击右上角齿轮图标 → “Theme Settings” → “Upload Lane Assets” → 选择该文件夹 → 勾选“Match by Filename Prefix”。
【文件名前缀必须与文本中“||”前的关键词完全一致,大小写敏感,lane_user不能写成user_lane或User】。
上传完成立即刷新预览,播放验证:当旁白念到“后台服务”时,画面是否同步切换为服务器监控界面截图——若仍停留原图,说明文件名匹配失败或截图尺寸低于1080px宽。











