Guided HTML Demo

步骤 1: 先完成共用录屏步骤

1. 点击打开 Recording Steps，按照共用录屏流程完成从安装扩展到停止录制的操作；该流程中的功能网址使用 https://www.clipflow.chat/features/guided-html-demo。

录屏要尽量按最终访客的路径操作，系统会把点击点、目标元素和页面状态转换成交互步骤。

步骤 2: 提交录屏后，系统分析点击顺序、页面快照和提示文案。

生成流程会为每一步创建 guide title、body、target 和 completion rule。

步骤 3: 任务完成后跳转到 Guided HTML Demo 结果页或编辑页。

在结果页检查每一步点击是否命中正确目标，必要时调整提示、顺序和敏感信息遮挡。

步骤 4: 预览互动 demo，确认访客能按步骤完成流程。

重点检查 wrong click 行为、下一步按钮、返回按钮和移动端显示是否符合预期。

步骤 5: 导出分享链接、iframe 嵌入代码、analytics 页面和步骤数据 bundle。

常用输出格式：互动 HTML demo、分享链接、iframe embed、analytics 页面、可持久化的步骤 bundle。