Gratuit
Solenne · 16:9
Rendu par ce Skill
Démo de clics CursorCam v1.1.0
Demandez une démo de votre app web et recevez un MP4 soigné : votre agent clique dans le parcours, la caméra se rapproche à chaque clic et le curseur glisse.
Pas encore de note 0 téléchargements
- Format
- Vidéo · 16:9
- Durée
- 0:29
Gratuit Gratuit avec un compte
Collez ceci dans votre agent. Il connecte la CLI si besoin, puis installe le Skill.
Un Skill open source qui enregistre des vidéos de démo cliquées de n'importe quelle app web ou site. Votre agent explore l'app, écrit les étapes, les teste, les enregistre dans un navigateur caché et rend un MP4 1080p à 60 i/s avec zoom automatique, curseur fluide et ondes à chaque clic ; avant de le livrer, il vérifie des images fixes de sa propre vidéo.
Mis à jour le 2 nov. 2026
Ce que vous obtenez
- Un MP4 1080p à 60 i/s avec zoom automatique, curseur fluide et ondes à chaque clic
- Une affiche et un fichier d'étapes réutilisable pour réenregistrer quand l'app change
- D'autres tailles depuis le même enregistrement : X, LinkedIn, YouTube, Discord, carré ou vertical
- Une vérification des images fixes de la vidéo avant la livraison
Idéal pour
- Démos de page d'accueil et de README pour un SaaS ou une app web
- Posts de lancement et clips de nouveautés sur X et LinkedIn
- Onboarding, documentation et tutoriels d'assistance
Pas pour
- Promos ou films de lancement avec motion design ou voix off
- Apps natives de bureau ou mobiles qui ne tournent pas dans un navigateur
À propos de ce Skill
Vous dites
/cursorcam Fais une démo de 30 secondes de http://localhost:3000 : ouvre le salon, baisse les lumières à 35 %, passe en lumière chaude, ferme les stores et enregistre le tout comme une scène appelée « Evening wind-down ». Termine sur la nouvelle scène.
Demandez à votre agent une démo de votre app : une inscription, un paiement, la création d'un projet, l'enregistrement d'un réglage. CursorCam s'occupe de tout. Il ouvre l'app, trouve les boutons et les champs, écrit le parcours sous forme d'un court fichier d'étapes, le lance une fois pour repérer les erreurs, puis l'enregistre dans un navigateur caché et rend une vidéo qui semble montée à la main : la caméra se rapproche là où se produit chaque clic et chaque saisie, y reste tant que l'action se passe à côté et recule quand le parcours change de zone.
Comment ça marche
- Demandez : donnez l'URL, le seul parcours à montrer et l'endroit où la vidéo sera publiée, comme X, LinkedIn, YouTube, Discord ou un README.
- Exploration : il vérifie que l'app tourne (ou lance votre serveur de développement), parcourt chaque page et liste les boutons et champs qu'il peut viser.
- Étapes : il écrit 5 à 15 étapes (clics, saisie, choix dans un menu, glisser-déposer) et les teste, en gardant une image par étape.
- Enregistrement : il enregistre le parcours et rend un MP4 avec zoom automatique, curseur fluide, ondes à chaque clic et une fenêtre de navigateur posée sur le fond de votre choix.
- Relecture : il examine des images fixes de sa propre vidéo, corrige les problèmes de cadrage ou de rythme, puis vous remet la vidéo, une affiche et le fichier d'étapes.
Conseils
- Un parcours par vidéo, de 10 à 40 secondes. Terminez sur le résultat.
- Dites où elle sera publiée : la taille, la cadence et la limite de fichier en découlent.
- Gardez le fichier d'étapes. Quand votre app change, réenregistrez en une seule commande.
- D'autres tailles, comme le carré ou un fichier plus léger pour la doc, se rendent en quelques secondes depuis le même enregistrement.
- S'il faut se connecter, il vous le demande et ne garde jamais ce que vous tapez ; les mots de passe apparaissent en points dans la vidéo.
Open source
CursorCam est créé par Avijit Dey (Avijit07x/cursorcam) et partagé sous Apache License 2.0. Le téléchargement est le Skill tel que publié sur GitHub ; l'enregistreur lui-même s'exécute depuis npm la première fois que vous demandez une vidéo.
Ce qu'il vous faut avant de commencer
- Vous fournissez
- L'URL de votre app web (un serveur de développement local convient), le seul parcours à montrer, l'endroit où la vidéo sera publiée, et un identifiant de test si le parcours en demande un.
- Dépendances
- Node.js 22 ou version ultérieure — requis · Google Chrome (ou CHROME_PATH) — requis
- Coûts externes
- Aucun. Il tourne sur votre propre machine avec le navigateur que vous avez déjà.
- Dernier test
- v1.1.0 —
Avis des utilisateurs
Pas encore d'avis. Installez le Skill et soyez le premier à le noter.
FAQ
Ça marche avec mon app en local ?
Oui. Donnez-lui une URL localhost, ou laissez-le trouver et lancer le serveur de développement de votre projet. Il enregistre toute page que Chrome peut ouvrir, y compris un site de préproduction.
Comment le zoom sait-il où aller ?
Chaque clic et chaque champ saisi est une cible. La caméra s'en rapproche, reste tant que les actions suivantes sont dans la même zone et recule quand le parcours va ailleurs. Vous pouvez couper le zoom, régler son intensité ou le définir étape par étape.
Et les connexions et la double authentification ?
Il vous demande l'identifiant ou le code à usage unique quand le parcours en a besoin, ne s'en sert que pour cet enregistrement et ne l'écrit jamais dans un fichier. Les champs de mot de passe affichent des points et les autres valeurs secrètes sont floutées.
Pourquoi est-ce gratuit ?
CursorCam est un Skill open source d'Avijit Dey. Nous le proposons tel quel, avec un exemple réalisé en le lançant sur notre app de maison connectée, Solenne.
