30 Animações com Claude
claude /animate --all

30 ANIMAÇÕES
COM CLAUDE

Os prompts das 30 animações do vídeo, na mesma ordem. Cada uma foi feita só com código, sem After Effects e sem keyframe. Copie, cole no Claude e ajuste textos e cores para o seu projeto.

Prompt base

Crie uma animação em HTML + Canvas (um único arquivo, sem bibliotecas), formato vertical 9:16 (1080x1920), 30 fps, em loop de 4 segundos. Use easing suave (ease-out cúbico e overshoot leve nos elementos que "pulam"), tipografia moderna e uma paleta limitada. Tudo deve ser desenhado por código. Animação: [prompt da animação]

O botão de cada animação já junta este texto com o prompt dela.
30 de 30
  1. 01

    Blueprint Draw

    blueprint-draw.mp4

    Planta técnica azul com grade fina e grade maior. Uma bicicleta urbana se desenha sozinha em traço branco com brilho leve: rodas, quadro, guidão, selim e coroa. Depois os raios giram, entram cotas tracejadas ("1,050 mm" e "720 mm") e um carimbo técnico no rodapé ("FRAME ASSEMBLY — REV B").

  2. 02

    Map Route

    map-route.mp4

    Mapa noturno visto de cima, com quarteirões, rio e parques. Uma rota laranja com brilho se desenha em zigue-zague do ponto A ao B, com um ponto branco pulsando na ponta, e no fim cai um pin de destino. No topo, um card "Fastest route" com os minutos caindo de 18 para 12. Embaixo, horário de chegada e barra de progresso.

  3. 03

    Globe Arcs

    globe-arcs.mp4

    Globo de pontos (distribuição de Fibonacci) girando, com continentes sugeridos pela densidade dos pontos e um halo âmbar. Arcos laranja sobem de cidade em cidade, em sequência, somem atrás do globo e terminam com um anel pulsando. Contador grande de "routes active right now".

  4. 04

    Teardown

    teardown.mp4

    Vista explodida isométrica de um smartphone: as camadas (vidro, OLED com gradiente, placa com chips dourados, bateria e carcaça) se separam na vertical. Cada camada ganha um rótulo com linha de chamada, em sequência. Fundo claro de estúdio e sombra no chão.

  5. 05

    Day Counter

    day-counter.mp4

    Anel de progresso com gradiente laranja para rosa enchendo até 100, com a ponta brilhando e marcações de relógio. Número central "DAY 001 → 100" com um leve pulso a cada troca. Abaixo, uma grade de streak de 40 quadradinhos acendendo, e no fim entra o selo "100-day streak".

  6. 06

    Iso Flow

    iso-flow.mp4

    Esteira isométrica em zigue-zague sobre fundo lavanda, passando por 4 estações coloridas (Idea, Prompt, Code, Ship). Cubos correm pela esteira e mudam de cor a cada estação. As etiquetas aparecem uma a uma com pop. Título "From idea to live, on loop."

  7. 07

    Git City

    git-city.mp4

    Grade de contribuições estilo GitHub (7×15) virando uma cidade isométrica: os prédios crescem em onda diagonal com overshoot, coloridos pela altura (roxo, rosa, coral, dourado), com janelas acesas e céu estrelado. Contador de commits subindo.

  8. 08

    Deep Time

    deep-time.mp4

    A câmera desce por camadas de rocha com bordas onduladas, texturas, fósseis de amonite e um osso. Régua lateral rolando e um card com contador "−541,000,000 YEARS", com o nome da era trocando (Holocene, Cretaceous, Jurassic, Permian, Cambrian).

  9. 09

    Turntable

    turntable.mp4

    Produto 3D (uma caixa de som retangular com grade de furos e faixa laranja) girando sobre um pedestal com anel tracejado, com perspectiva real e iluminação por face. Nome "Aura One" e callouts que entram em sequência (360°, 24 h, IP67).

  10. 10

    Stat Chart

    stat-chart.mp4

    Fundo creme. Contador de receita subindo de $12,400 a $84,210. Oito barras crescem em cascata com overshoot, a última em laranja. Uma linha de tendência pontilhada liga os topos, e entram com pop a tag "$84.2k" e o chip "▲ 248%".

  11. 11

    Headline

    headline.mp4

    Primeira página de jornal: masthead serifado "The Daily Prompt", régua dupla e data. A manchete "Machines / learn to / move." sobe linha por linha por trás de máscaras, com a última em itálico vermelho. Depois entram o subtítulo, as colunas de texto e o carimbo "EXTRA!".

  12. 12

    Notifications

    notifications.mp4

    Tela de bloqueio com wallpaper em gradiente roxo para laranja e relógio grande. Notificações em vidro fosco caem do topo a cada 0,13 s com efeito de mola e empurram as anteriores para baixo (pagamento, seguidores, pedido, leads). No fim, um badge "7 new notifications".

  13. 13

    Type Slam

    type-slam.mp4

    Palavras gigantes em fonte condensada batendo na tela, uma por batida ("MAKE / IT / MOVE / NOW."). Cada uma entra de 2,8x para 1x, com flash branco, tremor de câmera, linhas de impacto e troca da cor de fundo. A frase acumulada fica no rodapé.

  14. 14

    Iceberg

    iceberg.mp4

    Céu claro e água turquesa. A câmera desce do topo do iceberg ("What you see: a 30-second reel") até a parte submersa, gigante, com raios de luz, bolhas e brilho na linha d'água. Na descida entram rótulos com linha pontilhada: 47 prompts, 12 rewrites, 3 a.m. renders, Taste.

  15. 15

    Receipt

    receipt.mp4

    Fundo pêssego e uma impressora térmica no topo. O cupom sai da fenda linha por linha, com o conteúdo descendo junto com o papel: "CLAUDE STUDIO", itens como Motion ideas 30, Keyframes 0 e Coffee 2, "TOTAL 1 REEL", código de barras e borda serrilhada.

  16. 16

    Swiss Grid

    swiss-grid.mp4

    Pôster no estilo suíço sobre uma grade 6×10: bloco azul descendo, círculo preto deslizando, quadrado amarelo girando, uma régua preta, e o texto "Form / follows / motion." subindo em máscaras. Rodapé com metadados em fonte mono.

  17. 17

    Terminal Bloom

    terminal-bloom.mp4

    Um terminal digitando "claude build --bloom" e depois "✓ 6 components generated". Do centro, um núcleo brilhante faz "florescer" 6 cards de UI em gradiente (perfil, gráfico, toggle) que abrem como pétalas, com rotação e overshoot. Frase final "Your app, in bloom."

  18. 18

    Paper Desk

    paper-desk.mp4

    Mesa de madeira vista de cima, com xícara de café (vapor girando) e um post-it. Numa folha pautada, um lápis escreve à mão "Launch plan" e um checklist de 4 itens, marcando cada um com um check vermelho. O lápis segue exatamente o ponto da escrita.

  19. 19

    Split Flap

    split-flap.mp4

    Painel de embarque split-flap preto: cada caractere gira por letras aleatórias, com a palheta virando, até travar no texto final (LAUNCH / DAY 30 / GATE A1 / ON TIME). O status trava em verde e entra o selo "NOW BOARDING".

  20. 20

    Contour Map

    contour-map.mp4

    Mapa topográfico escuro com curvas de nível geradas por marching squares, revelando nível a nível do vale até o pico, com uma curva mais forte a cada quatro. Uma trilha pontilhada laranja sobe até o cume e aparece o marcador "▲ 2,847 m", com coordenadas e uma seta de norte.

  21. 21

    Ink Wash

    ink-wash.mp4

    Papel de arroz com fibras. Manchas de nanquim se espalham ao fundo e três bambus crescem gomo por gomo, em pincel, com opacidades diferentes para dar profundidade. As folhas brotam com pinceladas afiladas e no fim entra um selo vermelho "動画".

  22. 22

    Money Stack

    money-stack.mp4

    Feltro verde-escuro. Moedas douradas (elipses com espessura e brilho) caem em 4 colunas, quicam e empilham. Contador de "$0" a "$11,000" com barra de meta, e um "+$250" flutuando a cada moeda.

  23. 23

    POV Doodle

    pov-doodle.mp4

    Folha amarela pautada e traço de caneta com efeito "boil" (tremida a cada 2 quadros). POV de quem está no notebook: a tela mostra uma bolinha quicando, duas mãos de doodle sobem comemorando, aparecem brilhinhos e entra o balão "wait, what?!". Título "POV: Claude just animated your idea".

  24. 24

    Agent Swarm

    agent-swarm.mp4

    Orquestrador central (ícone de raios laranja pulsando) com 14 agentes em duas órbitas, girando em sentidos opostos. Pacotes de tarefa saem do centro até cada agente e voltam, e o agente pisca ao receber. Contador de tarefas e um checklist (research, design, code, tests, deploy) ficando "done".

  25. 25

    Ink Doodle

    ink-doodle.mp4

    Página de caderno com linhas azuis, margem vermelha e furos. Em caneta esferográfica azul, com uma leve tremida, se desenham uma lâmpada com filamento e raios, uma espiral, uma seta curva e uma estrela. Por fim aparece a escrita à mão "idea → motion!".

  26. 26

    Hologram

    hologram.mp4

    Projetor holográfico: base com anéis ciano pulsando, um feixe em gradiente e um nó toroidal (torus knot 2×3) em wireframe tubular girando no ar. Scanlines, uma faixa de varredura descendo, flicker aleatório, cantoneiras de HUD e "RENDER 0→100%".

  27. 27

    Before After

    before-after.mp4

    Slider de comparação varrendo da direita para a esquerda sobre o site de uma cafeteria. BEFORE: página anos 2000, com Times New Roman, links azuis, imagem quebrada e botão "Click here". AFTER: site premium escuro com título serifado "Slow coffee, fast mornings.", botão e cards de produto.

  28. 28

    Laptop Reveal

    laptop-reveal.mp4

    Notebook 3D em perspectiva sobre fundo escuro com spot de luz. A tampa abre a partir do fechado até cerca de 110°, com projeção real. Quando a tela fica visível, ela acende num gradiente roxo, rosa e laranja com o nome "Nova", e a luz reflete no teclado. Entra a frase "Meet Nova."

  29. 29

    Particle Logo

    particle-logo.mp4

    Milhares de partículas espalhadas pela tela viajam com turbulência até formar o texto "HELLO / made with code" (amostrado de um canvas fora da tela), cada uma com o próprio atraso. Cores de laranja a rosa, mistura aditiva e cintilância no final.

  30. 30

    Neon Silhouette

    neon-silhouette.mp4

    Parede de tijolos escura. O perfil de uma cabeça com fone de ouvido acende em neon rosa com falhas de ligação (pisca, apaga e firma). Depois o letreiro manuscrito "stay curious" acende em ciano, com glow, reflexo no chão e o fio da instalação.