Vale construir sua versão de Rendemo?
Uma ferramenta para transformar capturas de tela em demonstrações de produto refinadas e compartilháveis.
A mecânica de um construtor de demos não tem mistério: capture ou importe clipes, corte-os, adicione zooms, legendas e um fundo, depois renderize um MP4. Um agente consegue montar isso localmente com ffmpeg e uma linha do tempo em canvas em um fim de semana, e para um fundador solo produzindo um vídeo de lançamento isso provavelmente basta. O que ele não entrega é o bom gosto incorporado às predefinições: a suavização do zoom automático, a suavização do mouse, as margens padrão que fazem uma gravação bruta de tela parecer intencional. Você também perde a reprodução hospedada, as análises de quem assistiu e a capacidade de renderizar novamente em 4K sem as ventoinhas do notebook gritarem. Tudo bem se você faz demos ocasionalmente; irritante se demos são seu trabalho.
EN → PTPesquisa traduzida automaticamente do inglês. Prompt original preservado em inglês.
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.O prompt abre preenchido no seu agente. Revise antes de executar. · este prompt foi gerado a partir do plano de construção · melhore com um PR
Como seria construir sua versão?
Importe gravações de tela, organize-as em uma linha do tempo com zoom automático, legendas e um fundo com margens, depois renderize um MP4 localmente com ffmpeg.
O que você vai precisar
- Node 20+
- ffmpeg instalado localmente
- um navegador com suporte a getDisplayMedia se você quiser captura dentro do app
- paciência com o tempo de renderização de clipes longos
Porque o resultado fica exposto ao público. Um vídeo de demonstração é material de marketing, e ninguém quer publicar um clipe de lançamento que pareça um pouco estranho porque o zoom acelerou do jeito errado. Pagar uma pequena mensalidade por predefinições ajustadas por quem faz isso o dia inteiro é uma troca racional por uma tarde mexendo em valores de cubic-bezier, especialmente quando a alternativa também significa ficar de olho nas próprias renderizações.
xPredefinições de motion design que ficam boas de verdade sem ajustes: suavização das animações, suavização do mouse, margens adequadas
xReprodução hospedada com link de compartilhamento, incorporações e análises de visualização
xRenderização rápida na nuvem em vez de ocupar sua própria CPU por dez minutos
xBiblioteca de modelos e kits de marca, para que toda demo pareça parte de um conjunto
xOutra pessoa acompanhando as peculiaridades de codecs e captura no navegador
Nada que valha indicar. Por isso o prompt existe.
Quanto custa Rendemo?
- Plano mensal
- US$ 39/mêsUS$ 39/mês
- Por ano
- US$ 468/anoUS$ 468/ano
- No cartão, com IOF de 3,5%
- R$ 204/mêsR$ 2.446/ano
Salvo na Minha lista. Você recebe um aviso aqui no site quando o preço mudar.
Você conclui a compra no site de Rendemo. O Vibe Radar não intermedeia pagamentos.
Vale mais construir ou assinar Rendemo?
Ajuste os números: horas para construir, valor da sua hora, custos para manter no ar e o preço da assinatura.
Em 24 meses, assinar sai mais barato.
Horas iniciais estimadas a partir da análise (um fim de semana). Não inclui o valor do que você deixa de ter (suporte, integrações, segurança).
Dá para recriar Rendemo?
Em parte. O núcleo de Rendemo dá para construir em um fim de semana com o prompt desta página, mas há lacunas reais: Predefinições de motion design que ficam boas de verdade sem ajustes: suavização das animações, suavização do mouse, margens adequadas, Reprodução hospedada com link de compartilhamento, incorporações e análises de visualização. Leia a lista acima antes de começar.
Quanto custa Rendemo?
Rendemo custa cerca de US$ 39/mês (Pro, checado em 20/10/2026), ou seja, US$ 468 por ano.
O que eu perco ao substituir Rendemo?
Sinceramente: Predefinições de motion design que ficam boas de verdade sem ajustes: suavização das animações, suavização do mouse, margens adequadas; Reprodução hospedada com link de compartilhamento, incorporações e análises de visualização; Renderização rápida na nuvem em vez de ocupar sua própria CPU por dez minutos; Biblioteca de modelos e kits de marca, para que toda demo pareça parte de um conjunto; Outra pessoa acompanhando as peculiaridades de codecs e captura no navegador. Se algum desses pontos é essencial para você, continue pagando.
Existe uma alternativa aberta para Rendemo?
Não há alternativa open source madura que valha indicar, e é exatamente por isso que o prompt desta página existe.