Dirigez vos vidéos produit depuis votre éditeur
PageToVid Studio relie votre projet à son site et à Claude Code. Planifiez des parcours à partir du code, lancez des émissions récurrentes et prévisualisez chaque vidéo avant qu'elle ne dépense un crédit.
Hors ligne, ou dans Cursor, Windsurf ou VSCodium ? Téléchargez le .vsix
Gratuit · VS Code, Cursor, Windsurf et VSCodium · n'exécute jamais votre code
Un dossier, un poste de production
- Connexion en un clic
Validez dans votre navigateur et la clé revient dans l'éditeur. Rien à copier, et elle reste dans le stockage sécurisé de VS Code.
- Un dossier, un site
Associez une fois le projet à son site PageToVid. Le réglage appartient au dossier, jamais à tout votre éditeur.
- Le pack studio
Écrit le .mcp.json pour Claude Code sans votre clé — elle arrive dans le terminal par une variable d'environnement — plus les commandes slash et un guide court.
- Le panneau studio
Les chiffres et crédits de votre site, les heures restantes de la connexion de l'enregistreur, vos émissions et leurs épisodes, le plan de capture et ce qui est enregistré.
- Une connexion pour les screencasts
Laissez l'enregistreur se connecter à votre produit avec un storage state Playwright, un compte de test ou votre session navigateur. À partir de l'offre Scale.
- Envoyer les visuels de marque
Choisissez logos et images produit dans le dépôt et envoyez-les dans votre médiathèque, étiquetés brand.
Six commandes slash pour Claude Code
Chaque rendu coûte 40 crédits, et chaque commande prévisualise avant de dépenser. Rien n'est rendu sans votre accord.
/pagetovid-studioVérifie tout le poste — crédits, site, connexion, offre, émissions, flux — et dit ce qui manque. Gratuit./pagetovid-capture-planLit le code et écrit les parcours qui méritent d'être enregistrés. L'extension Chrome les enregistre ; chaque étape devient une scène./pagetovid-showCrée une émission récurrente à partir de ce que publie votre dépôt, et prévisualise le premier épisode avant que vous ne le confirmiez./pagetovid-formatÉcrit ou révise un format vidéo, et prévisualise un vrai épisode avant d'en enregistrer une nouvelle version./pagetovid-howtoTransforme votre documentation en tutoriels vidéo filmés sur le produit, et demande avant chaque rendu./pagetovid-assetsTrouve les logos et images produit du dépôt et vous dit lesquels envoyer.
Les commandes slash nécessitent l'extension Claude Code ou la CLI claude.
À configurer une fois
- 1Installez l'extension depuis le Marketplace.
- 2Lancez « PageToVid: Connect » depuis la palette de commandes et validez dans votre navigateur.
- 3Choisissez le site auquel appartient ce dossier.
- 4Lancez « PageToVid: Install studio pack », démarrez claude dans le terminal intégré et approuvez une fois le serveur pagetovid.
- 5Votre produit est derrière une connexion ? Lancez « PageToVid: Connect a login for screencasts » (à partir de l'offre Scale).
Votre code reste sur votre machine
- Elle ne capture jamais rien et n'exécute jamais le code de votre espace de travail. Elle lit le projet uniquement pour écrire des prompts.
- Votre clé reste dans le stockage sécurisé de VS Code. Le .mcp.json qu'elle écrit ne la contient jamais.
- Un storage state est lu une fois et envoyé une fois. Un mot de passe de test est envoyé une fois et stocké nulle part sur votre machine.
- La connexion de l'enregistreur est liée à un seul site et expire après la durée choisie — 72 heures au plus.
Va de pair avec l'extension Chrome
Écrivez le plan de capture dans votre éditeur, enregistrez-le dans Chrome. Le panneau marque chaque parcours comme enregistré dès que l'extension navigateur l'a envoyé dans votre médiathèque.
Voir l'extension Chrome →Films tutoriels
Trois courts films réalisés avec PageToVid lui-même : la configuration du studio dans VS Code, le tournage de votre produit derrière une connexion, et une émission récurrente créée depuis votre dépôt par Claude Code.
Questions
Est-ce gratuit ?
L'extension est gratuite. Les vidéos utilisent vos crédits — 40 par rendu — et chaque commande montre ce qu'elle va produire avant de dépenser quoi que ce soit.
Fonctionne-t-elle dans Cursor, Windsurf ou VSCodium ?
Oui. Ces éditeurs ne lisent pas le Marketplace de VS Code : installez le fichier .vsix. La connexion en un clic fonctionne dans chacun d'eux.
Faut-il Claude Code ?
Pour les commandes slash, oui : l'extension Claude Code ou la CLI claude. Sans elle, le pack écrit tout de même ses fichiers et le panneau affiche toujours votre site.
Ma clé API est-elle dans .mcp.json ?
Non. Le fichier nomme une variable d'environnement, que l'extension définit dans chaque terminal ouvert par VS Code.
Peut-elle filmer mon appli derrière une connexion ?
Oui, à partir de l'offre Scale : donnez à l'enregistreur un storage state Playwright, un compte de test, ou votre session navigateur via l'extension Chrome. La connexion est liée à ce site et expire sous 72 heures.
Faites votre prochaine vidéo sans quitter l'éditeur
Installation gratuite. Fonctionne avec Claude Code.