Kostenlos
Solenne · 16:9
Mit diesem Skill gerendert
CursorCam Klick-Demo v1.1.0
Bitte um eine Demo deiner Web-App und erhalte ein fertiges MP4: Dein Agent klickt sich durch den Ablauf, die Kamera zoomt auf jeden Klick und der Cursor gleitet.
Noch keine Bewertungen 0 Downloads
- Format
- Video · 16:9
- Länge
- 0:29
Kostenlos Kostenlos mit Konto
Füge das in deinen Agent ein. Er verbindet bei Bedarf die CLI und installiert dann den Skill.
Ein Open-Source-Skill, der Klick-Demovideos von jeder Web-App oder Website aufnimmt. Dein Agent erkundet die App, schreibt die Schritte, testet sie, nimmt sie in einem unsichtbaren Browser auf und rendert ein MP4 in 1080p mit 60 fps, mit Auto-Zoom, weichem Cursor und Klick-Wellen; vor der Übergabe prüft er Standbilder seines eigenen Videos.
Aktualisiert am 2. Nov. 2026
Das bekommst du
- Ein MP4 in 1080p mit 60 fps, mit Auto-Zoom, weichem Cursor und Klick-Wellen
- Ein Vorschaubild und eine wiederverwendbare Schrittdatei, um nach App-Änderungen neu aufzunehmen
- Andere Größen aus derselben Aufnahme: X, LinkedIn, YouTube, Discord, quadratisch oder hochkant
- Ein Selbstcheck anhand von Standbildern, bevor das Video übergeben wird
Gut geeignet für
- Demos für Landingpage und README einer SaaS- oder Web-App
- Launch-Posts und Changelog-Clips auf X und LinkedIn
- Onboarding, Dokumentation und Support-Anleitungen
Nicht geeignet für
- Promo- oder Launchfilme mit Motion Graphics oder Sprecher
- Native Desktop- oder Mobil-Apps, die nicht im Browser laufen
Über diesen Skill
Du sagst
/cursorcam Mach eine 30-Sekunden-Demo von http://localhost:3000: Öffne das Wohnzimmer, dimme das Licht auf 35 %, wechsle zu warmem Licht, schließe die Jalousien und speichere das als Szene namens „Evening wind-down“. Ende auf der neuen Szene.
Bitte deinen Agenten um eine Demo deiner App: eine Registrierung, einen Checkout, ein neues Projekt, eine gespeicherte Einstellung. CursorCam erledigt alles. Es öffnet die App, findet Buttons und Felder, schreibt den Ablauf als kurze Schrittdatei, testet ihn einmal auf Fehler, nimmt ihn dann in einem unsichtbaren Browser auf und rendert ein Video, das wie von Hand geschnitten wirkt: Die Kamera zoomt dorthin, wo geklickt und getippt wird, bleibt dort, solange die Aktion in der Nähe passiert, und zoomt heraus, wenn der Ablauf woanders weitergeht.
So funktioniert es
- Anfrage: Nenne die URL, den einen Ablauf, den du zeigen willst, und wo das Video erscheinen soll, etwa X, LinkedIn, YouTube, Discord oder eine README.
- Erkunden: Es prüft, ob die App läuft (oder startet deinen Dev-Server), sieht sich jede Seite an und listet die Buttons und Felder, die es ansteuern kann.
- Schritte: Es schreibt 5 bis 15 Schritte (Klicks, Eingaben, Menüauswahl, Ziehen) und testet sie, mit einem gespeicherten Bild pro Schritt.
- Aufnahme: Es nimmt den Ablauf auf und rendert ein MP4 mit Auto-Zoom, weichem Cursor, Klick-Wellen und einem Browserfenster auf einem Hintergrund deiner Wahl.
- Prüfung: Es sieht sich Standbilder seines eigenen Videos an, behebt Probleme mit Ausschnitt oder Timing und übergibt Video, Vorschaubild und Schrittdatei.
Tipps
- Ein Ablauf pro Video, 10 bis 40 Sekunden. Ende auf dem Ergebnis.
- Sag, wo es erscheinen soll; Größe, Bildrate und Dateilimit ergeben sich daraus.
- Behalte die Schrittdatei. Ändert sich deine App, nimmst du mit einem Befehl neu auf.
- Andere Größen, etwa quadratisch oder eine kleinere Datei für die Doku, rendern in Sekunden aus derselben Aufnahme.
- Für Logins fragt es dich und speichert nie, was du eingibst; Passwörter erscheinen im Video als Punkte.
Open Source
CursorCam stammt von Avijit Dey (Avijit07x/cursorcam) und steht unter der Apache License 2.0. Der Download ist der Skill, wie er auf GitHub veröffentlicht ist; der Recorder selbst läuft über npm, sobald du das erste Video anforderst.
Was du vorab brauchst
- Du lieferst
- Die URL deiner Web-App (ein lokaler Dev-Server reicht), den einen Ablauf, den du zeigen willst, wo das Video erscheinen soll, und einen Test-Login, falls der Ablauf einen braucht.
- Abhängigkeiten
- Node.js 22 oder neuer — erforderlich · Google Chrome (oder CHROME_PATH) — erforderlich
- Externe Kosten
- Keine. Es läuft auf deinem eigenen Rechner mit dem Browser, den du schon hast.
- Zuletzt getestet
- v1.1.0 —
Nutzerbewertungen
Noch keine Bewertungen. Installiere den Skill und bewerte ihn als Erste:r.
FAQ
Funktioniert es mit meiner lokalen App?
Ja. Gib ihm eine localhost-URL oder lass es den Dev-Server deines Projekts finden und starten. Es nimmt jede Seite auf, die Chrome öffnen kann, auch Staging-Umgebungen.
Woher weiß der Zoom, wohin?
Jeder Klick und jedes Feld, in das getippt wird, ist ein Ziel. Die Kamera zoomt darauf, bleibt, solange die nächsten Aktionen im selben Bereich liegen, und zoomt heraus, wenn der Ablauf woanders weitergeht. Du kannst den Zoom abschalten, seine Stärke ändern oder ihn pro Schritt festlegen.
Was ist mit Logins und Zwei-Faktor-Codes?
Es fragt dich nach Login oder Einmalcode, wenn der Ablauf einen braucht, nutzt ihn nur für diese Aufnahme und schreibt ihn nie in eine Datei. Passwortfelder zeigen Punkte, andere geheime Werte werden unscharf gemacht.
Warum ist es kostenlos?
CursorCam ist ein Open-Source-Skill von Avijit Dey. Wir listen ihn unverändert, mit einem Beispiel, das wir mit unserer hauseigenen Smart-Home-App Solenne erstellt haben.
