VibeKnow无独立手机App,图片替换须用Chrome(Android)或Edge(iOS)访问vibeknow.com;上传Word文档后勾选“Enable image-aware parsing”,再通过“Edit Scene”或“Upload UI Sequence”替换图片,封面需单独上传。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

你想在VibeKnow手机版里把AI自动生成的抽象插图换成真实产品截图或操作界面,但点开App发现没有“替换图片”按钮、预览页右下角也没有铅笔图标——这是因为VibeKnow当前未上线独立手机应用,所有图片替换操作必须通过移动浏览器完成,且仅支持Chrome for Android或Edge for iOS。
确认浏览器与访问路径
打开手机Chrome(Android)或Edge(iOS)→ 在地址栏输入 https://vibeknow.com → 等待页面完全加载,左上角出现“Upload Document”按钮才算进入正确入口。
【Safari、微信内置浏览器、QQ浏览器均无法调用图像解析模块,上传后脚本区空白或报错“Image parsing disabled”】。
上传文档并启用图文识别
点击首页【Upload Document】→ 选择本地已编辑好的Word文件(含【图1:XXX】标题行+嵌入式PNG/JPG图片)→ 等待左侧脚本区显示结构化文本。
此时立即点击右上角齿轮图标 → 勾选【Enable image-aware parsing】 → 页面右上角弹出黄色提示:“Image anchors detected: X scenes will use custom visuals”。
这一步必须在文本解析完成后操作;若上传瞬间就勾选,系统会忽略指令,后续所有图片绑定均失效。
逐帧替换图片(移动端适配操作)
方法一:单张精准替换
① 在左侧脚本区找到标有【图1:用户登录流程】的段落行 → 长按该行右侧区域(不是文字,是行尾空白处)→ 弹出菜单中点击“Edit Scene”。
② 进入编辑页后,切换到“Visual”选项卡 → 点击“Replace Image” → 从相册选择一张1080×1920像素的竖屏截图(如手机录屏裁切图)。
③ 上传后自动返回预览页,拖动进度条至对应节点,确认画面已更新。若图片模糊,说明原始分辨率不足,需用手机截图工具重新裁切再传。
方法二:批量注入序列(适合6步以内流程)
准备6张截图,按操作顺序命名为step_01.png、step_02.png……step_06.png → 点击右上角齿轮图标 → “Theme Settings” → “Upload UI Sequence” → 选择含这6张图的文件夹 → 系统自动按编号匹配到【图1】至【图6】。
上传完成后立即播放验证:箭头是否从上一帧的操作终点(如“设置”按钮位置)准确指向下一帧的起点(如“账户”菜单项)。若错位,说明截图中目标元素未居中,需用Snapseed等工具重新对齐裁切。
导出前强制校验封面与图片绑定
点击预览页右上角缩略图 → 【Upload Cover】→ 上传一张1080×1920像素的JPG/PNG封面图(建议用首帧截图加标题文字合成)。
返回预览页,点击右上角【下载MP4】按钮。

















