Extension information
Screenshots
Description
A companion app to https://reprise.com/
Reprise Builder: HTML
OVERVIEW
The Reprise Builder: HTML extension captures the front end of a web application and turns it into an interactive Product Tour in Reprise. Instead of taking screenshots, it captures the actual HTML and CSS of each screen, making the result clickable, interactive, and fully editable.
As you move through a workflow, the extension follows page changes, captures each screen, and automatically links them together in the order you navigated.
Captured screens are sent directly to the Reprise editor, where you can edit text and images, add custom CSS, create guides, and publish your demo.
KEY FEATURES
• Captures HTML and CSS instead of screenshots, keeping demos interactive and editable
• Multi-screen capture that follows your navigation and automatically links screens together
• Single Capture mode for hover states, dropdowns, modals, and other temporary UI states
• Works with Reprise MCP. Once paired with an AI agent (Claude, Cursor, ChatGPT, or any MCP-compatible client), the agent can run captures, assemble screens, and prepare draft demos from your prompts
HOW TO USE IT
1. Install and pin the extension.
2. Open your application and click "Create a Demo."
3. Enter a demo name and select a destination folder.
4. Run through your workflow.
5. When you're finished, your screens will be available in the Reprise editor for editing and publishing.
BETTER DEMOS ACROSS THE FUNNEL
For Solutions Engineers
Reduce demo preparation time by creating reliable, repeatable demo environments that won't fail during high-stakes customer calls.
For Sales Teams
Deliver personalized "leave-behind" demos that prospects can explore on their own, and create foolproof, guided demos that stay on message.
For Product Marketing
Replace static "Book a Demo" forms with interactive product tours that let buyers explore the product and self-qualify.
Ready to capture your first flow?
Install the extension and start building.