Lohnt sich dein eigenes Rendemo?
Ein Werkzeug, das Bildschirmaufnahmen in ausgefeilte, teilbare Produktdemos verwandelt.
Die Mechanik eines Demo-Baukastens ist kein Mysterium: Clips aufnehmen oder importieren, zuschneiden, Zooms, Untertitel und einen Hintergrund hinzufügen, dann eine MP4-Datei rendern. Ein Agent kann das lokal mit ffmpeg und einer Canvas-Timeline an einem Wochenende verbinden, und für einen allein arbeitenden Gründer, der ein einzelnes Launchvideo veröffentlicht, reicht das wahrscheinlich aus. Was du damit nicht bekommst, ist das gestalterische Gespür in den Voreinstellungen: die Übergangskurve beim Auto-Zoom, die Mausglättung und der Standardabstand, durch den eine rohe Bildschirmaufnahme bewusst gestaltet wirkt. Außerdem verlierst du gehostete Wiedergabe, Analysen darüber, wer zugesehen hat, und die Möglichkeit, erneut in 4K zu rendern, ohne dass die Lüfter deines Laptops aufheulen. In Ordnung, wenn du gelegentlich Demos machst; lästig, wenn Demos dein Beruf sind.
EN → DERecherche automatisch aus dem Englischen übersetzt. Original-Prompt auf Englisch beibehalten.
Build a local-only product demo video editor. No accounts, no cloud, no telemetry.
Stack, no substitutions:
- Vite + React + TypeScript
- Tailwind for UI
- Zustand for editor state
- fluent-ffmpeg driving a locally installed ffmpeg binary, via a small Express server on port 8787
- Projects stored as JSON files in ./projects, media in ./media
Features in scope:
1. Import: drag and drop .mp4 / .mov / .webm files, plus an in-app recorder using navigator.mediaDevices.getDisplayMedia that saves a .webm to ./media.
2. Timeline: single video track, drag to reorder clips, trim handles for in/out points, delete clip.
3. Keyframed zoom: user clicks a point on the preview at a given time and sets a zoom level; interpolate between zoom keyframes with an ease-in-out cubic curve. Default zoom is 1.6x over 700ms.
4. Framing: solid or linear-gradient background, configurable padding, corner radius and drop shadow on the video frame. Presets: 16:9, 1:1, 9:16.
5. Captions: text overlays with start/end time, position, font size, one clean sans font.
6. Preview: canvas-based scrubbing preview at reduced resolution, driven by requestAnimationFrame.
7. Export: POST the project JSON to the server, which builds an ffmpeg filter_complex chain and writes ./exports/NAME.mp4 at 1080p, 30fps, h264, yuv420p. Stream progress back over SSE and show a progress bar.
Out of scope, do not build:
- multi-track audio, music library, transitions beyond hard cuts
- hosted sharing, embeds, view analytics, collaboration
- auto zoom detection from cursor movement
- any login or hosted storage
Requirements:
- Fail loudly at startup if ffmpeg is not on PATH, with the install command in the error.
- No secrets needed, but include .env.example with PORT and MEDIA_DIR anyway.
- README with setup, a worked example project, and a short note on expected render times.
- Type-check clean, no any.Der Prompt öffnet sich vorausgefüllt in deinem Agenten. Prüfe ihn vor dem Ausführen. · dieser Prompt wurde aus dem Bauplan erzeugt · per PR verbessern
Wie sähe deine eigene Version aus?
Importiere Bildschirmaufnahmen, ordne sie auf einer Timeline mit Auto-Zoom, Untertiteln und einem Hintergrund mit Innenabstand an und rendere dann lokal mit ffmpeg eine MP4-Datei.
Was du brauchst
- Node 20+
- ffmpeg lokal installiert
- ein Browser, der getDisplayMedia unterstützt, wenn du direkt in der App aufnehmen willst
- Geduld für Renderzeiten bei langen Clips
Weil das Ergebnis öffentlich sichtbar ist. Ein Demovideo ist Marketingmaterial, und niemand will einen Launchclip veröffentlichen, der etwas unstimmig aussieht, weil die Zoomkurve nicht passt. Eine kleine monatliche Gebühr für Voreinstellungen zu bezahlen, die jemand optimiert hat, der das den ganzen Tag macht, ist eine vernünftige Abwägung gegenüber einem Nachmittag voller Anpassungen an cubic-bezier-Werten, besonders wenn die Alternative auch bedeutet, die eigenen Renderprozesse zu beaufsichtigen.
xVoreingestelltes Motion Design, das ohne Herumprobieren tatsächlich gut aussieht: Übergangskurven, Mausglättung, sinnvolle Innenabstände
xGehostete Wiedergabe mit Freigabelink, Einbettungen und Aufrufanalysen
xSchnelles Cloud-Rendering, statt deine eigene CPU zehn Minuten lang auszulasten
xVorlagenbibliothek und Marken-Kits, damit jede Demo wie Teil einer Serie aussieht
xJemand anderes hält mit den Eigenheiten von Codecs und Browseraufnahmen Schritt
Nichts, worauf sich verweisen ließe. Deshalb gibt es den Prompt.
Was kostet Rendemo?
- Monatliche Zahlung
- 39 $/Mon.39 $/Mon.
- Pro Jahr
- 468 $/Jahr468 $/Jahr
- Mit brasilianischer Karte, inkl. 3,5% IOF
- 204 R$/Mon.2.446 R$/Jahr
In Meine Liste gespeichert. Bei einer Preisänderung erscheint hier ein Hinweis.
Du schließt den Kauf auf der Website von Rendemo ab. Vibe Radar wickelt keine Zahlungen ab.
Rendemo selbst bauen oder abonnieren?
Passe die Zahlen an: Stunden zum Bauen, dein Stundensatz, Betriebskosten und der Abopreis.
Über 24 Monate ist das Abo günstiger.
Startwerte aus der Analyse geschätzt (ein Wochenende). Nicht eingerechnet ist, was dir fehlt (Support, Integrationen, Sicherheit).
Kann ich Rendemo nachbauen?
Teilweise. Den Kern von Rendemo baust du mit dem Prompt auf dieser Seite an einem Wochenende, aber es gibt echte Lücken: Voreingestelltes Motion Design, das ohne Herumprobieren tatsächlich gut aussieht: Übergangskurven, Mausglättung, sinnvolle Innenabstände, Gehostete Wiedergabe mit Freigabelink, Einbettungen und Aufrufanalysen. Lies die Liste oben, bevor du loslegst.
Was kostet Rendemo?
Rendemo kostet etwa 39 $/Mon. (Pro, geprüft am 20.10.2026), also 468 $ pro Jahr.
Was fehlt mir, wenn ich Rendemo ersetze?
Ehrlich gesagt: Voreingestelltes Motion Design, das ohne Herumprobieren tatsächlich gut aussieht: Übergangskurven, Mausglättung, sinnvolle Innenabstände; Gehostete Wiedergabe mit Freigabelink, Einbettungen und Aufrufanalysen; Schnelles Cloud-Rendering, statt deine eigene CPU zehn Minuten lang auszulasten; Vorlagenbibliothek und Marken-Kits, damit jede Demo wie Teil einer Serie aussieht; Jemand anderes hält mit den Eigenheiten von Codecs und Browseraufnahmen Schritt. Wenn dir davon etwas wichtig ist, zahl weiter.
Gibt es eine Open-Source-Alternative zu Rendemo?
Es gibt keine ausgereifte Open-Source-Alternative, auf die sich verweisen ließe, und genau deshalb gibt es den Prompt auf dieser Seite.