Sari la conținutul principal

[verdict][prompt curatoriat][sursă: escourtly.com][traducere: la coadă]

Pot să vibecodez Escourtly?

// se construiește într-un weekend, dar rămân goluri reale

The core loop is a weekend build on top of rrweb: snapshot the DOM on each click, inline the assets, and replay the snapshots as a clickable walkthrough. What takes the project from a demo to something you would put in front of a prospect is capture fidelity · real apps are full of canvas, cross-origin iframes, shadow DOM and lazily loaded assets, and every one of them is a separate fix. Past that sit the parts that are infrastructure rather than features: no-login share links and embeds that stay up, custom domains with certificates, funnel analytics, and CRM sync. Build it for your own product and one sitting gets you a long way. Build it to replace the subscription and you have signed up for the edge cases.

încredere: medie

ce e: Capture a product as live HTML and replay it as a clickable demo prospects can drive themselves

Indice de constructibilitate · joc editorial

  • Preț 49 $/lună greutate: plus 3
  • Timp câteva zile greutate: plus 1
  • Categorie înregistrare ecran nu cântărește
  • Moat calitatea execuției · integrări · scara infrastructurii greutate: minus 4
  • Încredere medie greutate: zero
  • Ce pierzi 5 elemente greutate: minus 2
  • Site escourtly.com (si apre in una nuova scheda) nu cântărește
Indice: minus 2. mai gândește-te

Moat-ul cântărește mai mult decât prețul: refăcut, e un proiect, nu o seară.

Gioco editoriale: il verdetto dice se un agente può, l’indice se conviene.

Ce construiești

Record a DOM snapshot on each click with a browser extension, annotate the steps, and publish them as a clickable walkthrough at a public URL.

ce îți trebuie

  • Node and a Postgres database
  • a Chrome MV3 extension build step
  • an OpenAI/Anthropic API key for step descriptions
  • somewhere to host the public demo pages

Submitted by the product's founder · verdict and prompt follow the same criteria as the other entries in this category, and the DIY substitute is a self-hosted rrweb recorder rather than a video tool.

Promptul

Un weekend cu un agent de coding. Golurile care rămân sunt mai jos, la „ce pierzi”.

Prompt one-shot EN
Build a personal replacement for Escourtly in an empty repository.
Use Next.js 15 with the App Router, TypeScript, Postgres via Drizzle, and rrweb; do not offer alternative stacks.
Ship two pieces: a Chrome MV3 extension that captures steps, and a web app that stores and replays them.
The core loop is: click through a product with the extension recording, capture each step as an rrweb DOM snapshot, annotate the steps, and publish a clickable walkthrough at a public URL.
In the extension, let the user start and stop a capture, and record one snapshot per click along with the click target.
Inline stylesheets, fonts and images into each snapshot so the replay renders without calling back to the origin site.
Mask input values and anything marked data-private by default, and show what is masked in the editor.
In the web app, show a step list with reorder, delete, and an editable title and description per step.
Generate a first draft of each step description from the snapshot with an LLM, and let the user overwrite it.
Render the replay as an interactive page: the snapshot is live HTML, with a hotspot on the recorded click target that advances to the next step.
Add a start overlay and a final call-to-action overlay with a configurable link.
Publish each walkthrough at a share URL that needs no login, plus an iframe embed snippet.
Count views, step completions and CTA clicks per walkthrough without any third-party analytics.
Store everything in your own Postgres and make JSON export straightforward.
Put secrets in .env, ship .env.example, and never commit credentials.
Include clear empty, loading, success, and recoverable error states.
Add input validation, safe slugs, and graceful handling of snapshots that fail to render.
Write focused tests for snapshot serialization and one end-to-end capture-to-replay path.
Create a README with setup, architecture, how to load the extension, data location, and backup steps.
Do not add billing, team accounts, or a hosted control plane.
Deliberately leave out custom domains and certificate management.
Deliberately leave out CRM integrations.
Deliberately leave out capture of canvas, video and cross-origin iframes, and document the limitation in the README.
Finish by running the tests and listing the exact commands used.

Prompt curatoriat: scris și revizuit manual pentru această aplicație. În engleză intenționat — e limba în care agenții de coding se descurcă cel mai bine.

Ce pierzi

  • capture fidelity on canvas, cross-origin iframes, shadow DOM and lazily loaded assets
  • no-login share links and embeds that hold up under real traffic
  • viewer funnel analytics and lead capture
  • CRM sync to Salesforce, HubSpot and Pipedrive
  • custom domains with certificates handled for you

De ce se plătește în continuare

People still pay for Escourtly because the first capture is the easy part. The subscription absorbs the long tail: the app that renders blank because its fonts were behind a CDN, the embed that has to load fast from someone else's marketing site, the custom domain, the lead that has to land in HubSpot without anyone copying it across. A founder who builds this for one product will probably be happy. A team that wants it to work on every product they ship is buying maintenance, not software.

moat: Calitatea execuției Integrări Scara infrastructurii ce e un moat

capture fidelity across real apps, CRM sync, and hosted delivery

Cine l-a construit deja

Să pornești de aici e tot vibecoding: promptul e pentru când o vrei exact în felul tău.

Ești de acord?

Balanța voturilor

Ancora nessun voto: il tuo è il primo.

Nessun voto ancora — il primo pesa.

Aplicații similare

De la brief confuz la UX/UI complet Un brief confuz devine o aplicație funcțională. Spot de produs dintr-o singură poză O poză devine un spot animat, fără cod. Fă Claude să vizioneze videoclipurile tale Claude îți vede videoclipurile și le transformă în text. Higgsfield în Claude Code Generează imagini și video în timp ce programezi în Claude Code. De la o înregistrare Loom la o pagină web O înregistrare de ecran devine o pagină web, fără cod. Video Shorts cu NotebookLM Sursele tale devin un short vertical. Landing page de lux pe Lovable O landing page de lux dintr-un singur prompt. Excalidraw local, pe computerul tău Excalidraw gratis pe computerul tău, fără cod. Mistral OCR în fluxul tău de lucru Extrage text din documente cu Mistral OCR. Claude SEO în terminal 25 de skill-uri SEO gratuite în Claude Code. Google Search Console în Claude Code Datele Search Console direct în terminal. Rutine în Claude Code Claude lucrează singur, cu computerul oprit. Clonează o landing page în React cu v0 Clonează o landing page reală în cod React. Context economy cu Claude Lucrează ușor și nu-ți epuiza limitele lui Claude. De la prompt la skill auto-evolutiv Skill-uri Claude care învață din greșelile tale. De la NotebookLM la Canva: prezentări Slide-uri din NotebookLM, în sfârșit editabile în Canva. Harta pentru a înțelege orice tool AI 12 categorii pentru a încadra orice tool AI. PNG transparente cu ChatGPT PNG cu transparență reală, nu tabla de șah falsă. Infografice animate cu Gemini Infografice care se animă în buclă cu Gemini. Cercetare de piață cu Deep Research Deep Research ca analistul tău de piață. Cum să fii citat de motoarele AI (AEO) Devino o sursă pe care ChatGPT și Perplexity o citează.