Chrome 扩展 · 操作指南录制器

把浏览器操作变成可编辑的演示指南

StepMarker 录制点击、输入、滚动和页面跳转,自动绑定截图与高亮,几分钟生成可编辑、可分享的步骤指南。

支持导出ZIPHTMLPDFGIF

app.example.com/projects
1新建项目
点击「新建项目」自动截图 · 生成步骤说明
1
点击「新建项目」已绑定截图帧
2
填写项目名称输入事件已记录
3
导出 HTML 指南可编辑、可分享
自动截图 高亮标注

How it works

三步生成一份操作指南

从录制到交付,整个过程不需要任何设计或剪辑经验。

1

开始录制

在目标网页点击扩展图标,StepMarker 记录点击、输入、滚动和跳转,并为每个关键操作自动截图。

2

编辑步骤

在全页编辑器中调整文案、拖动高亮标注、合并或重排步骤,也可以让服务端 AI 辅助生成说明。

3

导出分享

一键导出 ZIP、HTML、PDF 或 GIF,直接发给培训、客服、销售或产品团队使用。

Features

为操作文档而生

录制、标注、编辑、导出和账号安全,都在一个扩展里完成。

多格式导出

截图包、网页指南、PDF 打印页和 GIF 动图,覆盖培训文档、客服知识库和产品演示场景。

智能标注

服务端 AI 根据录制事件生成步骤文案,可编辑、可重写,prompt 与模型密钥不出服务端。

自动截图高亮

关键操作自动绑定截图帧,高亮圈选目标元素,标注位置可以在编辑器中拖动微调。

全页编辑器

步骤合并、删除、重排和模板切换,所见即所得地打磨每一份指南。

服务端安全

商业版 prompt、模型配置和供应商密钥保存在服务端,扩展端只保留 Clerk session 配置和必要录制状态。

隐私优先

只在主动录制时采集目标标签页,自动过滤密码等敏感输入,可随时删除账户数据。

准备好生成第一份指南了吗?

打开任意网页开始录制,StepMarker 会在几分钟内产出可编辑的演示指南。