Viele Produkte verbergen die echte App hinter einem Login. Ein Cloud-Browser kann sich nicht für dich anmelden — daher übergibt die PageToVid-Bridge-Erweiterung deine bereits angemeldete Sitzung (Cookies + localStorage) an den Rekorder. Der Cloud-Browser lädt deine App dann bereits authentifiziert und nimmt das Echte in voller Retina-Qualität auf.
⬇ Bridge-Extension herunterladen (.zip)Extension (your browser, logged in)
└─ export cookies + localStorage
└─ POST → PageToVid (Playwright storageState)
└─ headless Chromium loads the app AS YOU
└─ retina record → Remotion → MP4Ein Ordner, ein Produktionsplatz. Die Erweiterung verbindet dein Projekt mit seiner PageToVid-Website und mit Claude Code: der Recorder kann sich in dein Produkt einloggen (ein Playwright-Storage-State oder ein Testkonto, an den Origin gebunden, höchstens drei Tage gültig), Claude Code steuert PageToVids MCP über Slash-Befehle, die das Paket installiert (/pagetovid-studio, /pagetovid-show, /pagetovid-format, /pagetovid-howto, /pagetovid-assets), und das Panel zeigt die Zahlen der Website, ihre Shows und Folgen mit Quellen, den Aufnahmeplan und was aufgenommen wurde, den öffentlichen Kanal und seinen RSS-Feed.
⬇ VS-Code-Erweiterung herunterladen (.vsix)Installation mit: code --install-extension pagetovid-capture.vsix — oder in VS Code über Erweiterungen → ⋯ → Aus VSIX installieren. Führe dann PageToVid: Connect aus, wähle deine Website, Install studio pack und — wenn dein Produkt hinter einer Anmeldung liegt — Connect a login for screencasts.
Drei kurze Filme, mit PageToVid selbst gemacht: die Einrichtung des Studios in VS Code, dein Produkt hinter einer Anmeldung filmen, und eine wiederkehrende Show, die Claude Code aus deinem Repository anlegt.