Claude Design e HTML do Claude para MP4
Solte o .zip exportado do Claude Design, ou cole o HTML que o Claude escreveu num chat, e salve como MP4, GIF ou WebM transparente. Renderizado quadro a quadro no seu computador: sem gravação de tela, sem upload.
- ✓Solte o .zip do jeito que está
- ✓Até 4K a 60 fps
- ✓Grátis, sem marca d'água
- ✓Nada é enviado
MP4 em 1920×1080, desenhado quadro a quadro no seu computador: fluido seja qual for a velocidade dele, e nada é enviado.
Ou comece por um exemplo
Cada um é um único arquivo HTML. Carregue, altere e exporte.
Do Claude a um arquivo de vídeo
- 01
Exporte ou copie
No Claude Design, exporte o projeto como .zip. Num chat, copie o HTML ou baixe o arquivo.
- 02
Solte aqui
Solte o .zip ou o .html na ferramenta, ou cole o código. As imagens, scripts e fontes são lidos do .zip.
- 03
Renderize
Escolha MP4, GIF ou WebM e o tamanho; o arquivo é desenhado quadro a quadro e fica pronto para baixar.
Formatos
Todos os formatos a partir de uma colagem
Escolha o arquivo pelo destino. A mesma página renderiza em qualquer um deles, em qualquer uma das três proporções.
MP4
H.264 · 720p, 1080p ou 4K · 24/30/60 fps
Para redes sociais, apresentações e editores de vídeo. Toca em qualquer lugar.
GIF animado
De 360p a 720p · 10/15/25 fps · em loop
Para um README, uma mensagem no Slack, um e-mail ou documentação.
WebM transparente
VP9 com canal alfa · de 720p a 4K
Sem o fundo da página: uma sobreposição para Premiere, DaVinci Resolve, Final Cut ou CapCut.
Imagem PNG
1080p ou 4K · qualquer momento · transparente
Um quadro como imagem estática: um pôster, uma thumbnail ou uma imagem de slide.
Além desta ferramenta
Uma animação é o começo. Uma skill faz o vídeo inteiro.
Esta ferramenta transforma em vídeo o HTML que você já tem. Uma Motion Skill começa um passo antes: no Claude Code, no Codex ou no Cursor, seu agente lê seu produto ou suas anotações, planeja as tomadas, escreve cada cena, coloca a trilha e renderiza o MP4 final.
- ✓A partir do seu próprio material, não de um prompt em branco
- ✓Várias cenas, montadas com música
- ✓Renderizado no seu computador e seu para usar
Skills que continuam daqui
Cada uma faz um tipo diferente de vídeo. A primeira é a mais próxima desta página.
Você faz mais de um tipo de vídeo?
Comece grátis com o Motion Director. Uma skill custa $4.90; um plano libera todas as skills, e as novas conforme chegam.
Mensal
$9.90/ mês
- ✓Todas as skills de vídeo completo, estilos incluídos
- ✓Novas skills assim que saem
- ✓Atualizações das skills existentes
- ✓Uso comercial do que você renderiza
Anual
Economize 34%$79/ ano
- ✓Todas as skills de vídeo completo, estilos incluídos
- ✓Novas skills assim que saem
- ✓Atualizações das skills existentes
- ✓Uso comercial do que você renderiza
Fundador vitalício
Oferta de fundador$169pagamento único
- ✓Todas as skills de vídeo completo, estilos incluídos
- ✓Novas skills assim que saem
- ✓Atualizações das skills existentes
- ✓Uso comercial do que você renderiza
- ✓Um pagamento, sem renovação
Baixar o Motion Director (grátis) →Uma skill $4.90 · Escolha uma skill →
Perguntas
Funciona com uma exportação do Claude Design?
Sim: solte o .zip. A ferramenta encontra a página dentro dele e lê do arquivo cada imagem, script, folha de estilo e fonte que ela usa.
Por que não simplesmente gravar a tela?
Uma gravação guarda os quadros perdidos e as faixas de cor de uma página pesada, e exige o tamanho de janela certo. Aqui cada quadro é desenhado no momento exato, no tamanho que você escolher.
Isso é feito pela Anthropic?
Não. É uma ferramenta gratuita e independente da Motion Skills, que funciona com HTML de qualquer origem, incluindo o Claude.
Meu projeto é enviado?
Não. Ele roda em um frame isolado no seu navegador e o vídeo é codificado no seu computador.