Reprise Builder是一款强大的HTML扩展工具,专为Web应用前端赋能。它不局限于静态截图,而是精准捕获页面的HTML与CSS,将Web应用前端转化为Reprise中可交互的产品导览。生成内容可点击、可编辑,能灵活定制,助力企业高效打造沉浸式产品体验,轻松展现应用核心价值
概述
Reprise Builder:HTML 扩展捕获 Web 应用程序的前端,并将其转变为 Reprise 中的交互式产品导览。它不捕获屏幕截图,而是捕获每个屏幕的实际 HTML 和 CSS,使结果可点击、交互式且完全可编辑。
当您在工作流程中移动时,扩展程序会跟踪页面更改,捕获每个屏幕,并按照您导航的顺序自动将它们链接在一起。
捕获的屏幕会直接发送到 Reprise 编辑器,您可以在其中编辑文本和图像、添加自定义 CSS、创建指南并发布演示。
主要特点
• 捕获 HTML 和 CSS 而不是屏幕截图,保持演示的交互性和可编辑性
• 多屏幕捕捉可跟随您的导航并自动将屏幕链接在一起
• 用于悬停状态、下拉列表、模态和其他临时 UI 状态的单一捕获模式
• 与Reprise MCP 配合使用。与 AI 代理(Claude、Cursor、ChatGPT 或任何 MCP 兼容客户端)配对后,代理可以运行捕获、组装屏幕并根据提示准备草稿演示

插件安装说明
1、在打开的谷歌浏览器的扩展管理器
就是点击最左侧的三个点,在弹出的菜单中选择【更多工具】——【扩展程序】
或者你可以在地址栏中直接输入chrome://extensions/
2、进入扩展程序页面后将开发者模式打勾
3、最后将解压出来的crx文件拖入到浏览器中即可安装添加
4、如果出现无法添加到个人目录中的情况,可以将crx文件右键,然后选择【管理员取得所有权】,再尝试重新安装
5、安装好后即可使用
扫码关注公众号,发【识别码】获取











