Screen recordingCAN I VIBECODE
Escourtly?
BUILD FIRST
- One specific customer type and one primary use case
- A vertical slice that completes the main job without manual workarounds
- Visible limits, review steps, and a fallback when an external dependency fails
LEAVE FOR LATER
- Broad third-party integrations
- High-scale collaboration, syncing, and permissions
- Automation that can cause harm without human review
RESEARCH NOTES
What this tool actually does.
Escourtly is browser-based interactive product-demo software (escourtly.com) pitched as an upgrade to screen recording. A Chrome extension records a click-through of a live web app; each click becomes a step. Instead of screenshots or video, each step serializes the live page's DOM into one self-contained HTML snapshot, so playback shows real, selectable, interactive UI. An editor adds annotations, headline, CTA, and a brand-colored cover screen; AI writes step descriptions with adjustable tone/length/detail. Published demos get a share link; viewers click through without signing up or installing, while makers see unique views, per-step drop-off, and CTA clicks — without cookies or GDPR consent friction. Recording controls intentionally live only in the extension popup (no floating toolbar injected into the page). White-label reselling is offered. A dev.to write-up by the developer detai
RESEARCHED BUILD PROMPT
Give this to your coding agent.
Build a focused replacement for Escourtly: an interactive click-through product-demo recorder that captures live web pages instead of video. Core workflow: user installs a Chrome extension, opens their product, clicks through a flow; every click becomes a numbered step; the demo compiles into a shareable link; recipients click through without an account; the maker analyzes per-step engagement. User-facing requirements: (1) recorder controlled only from the extension popup — no floating toolbar injected into the recorded page; each step serializes the current document (DOM + CSS) into a self-contained snapshot; (2) an editor web app where steps are reordered, annotated, and assigned a headline + CTA, with a customizable cover screen; an AI backend drafts per-step descriptions users can tweak; (3) a public viewer page rendering each snapshot in a sandboxed iframe with prev/next controls, step dots, and working links/inputs; (4) analytics showing unique views, drop-off per step, and CTA clicks. Technical requirements: Chrome Extension Manifest V3 with a content script capturing document.documentElement.outerHTML plus CSS into standalone HTML per step; a backend API storing demos/steps in a DB with object storage; a React (or similar) editor and viewer; one LLM API call per step to generate descriptions from snapshot text/layout; server-side analytics with anonymous IDs and no cookies. Do not copy Escourtly's brand, name, logo, copy, or UI — design an original visual identity and wording. Deliberately out of scope: white-label resale, billing/subscriptions, non-Chrome extensions, video recording, desktop apps, collaboration, and mobile apps. Ship a README covering setup (extension build, backend, env vars for the LLM key) and known limitations (navigations that change routing, cross-origin iframes, heavy pages, login-walled flows).