🧩 O que é / o que faz
Gerador de prompt
Constrói prompts hiper-detalhados para o Seedance 2 (image-to-video) que produzem vídeos de fundo em loop perfeito para sites. Força especificidade em câmera, iluminação, timing, coreografia de texto e mecânica de loop.
HTML → MP4 local
Gera vídeos narrados, animados e renderizados a partir de um assunto. Stack: HyperFrames (Chrome headless captura frames) + FFmpeg encoda + Kokoro TTS local. Sem chave de API, sem custo por render.
Encode universal
FFmpeg é o motor de encode H.264 que aparece por trás de quase todo skill de vídeo. Extrai frames, monta MP4, sincroniza WAV de áudio, e requer -nostdin no git-bash para evitar exit 0 silencioso.
npx hyperframes render.pip install kokoro-onnx soundfile, sem espeak-ng, já fonemiza PT-BR.🎣 Quando dispara
Se o produto/subject está presente → gera imediatamente. Se não → faz UMA pergunta focada, depois gera. Nunca interroga demais. Decisões criativas onde o usuário não especificou ficam com o skill.
🚀 Como melhora suas páginas
<video loop muted autoplay> como hero background usando o .mp4 do SeedanceHyperFrames-nostdin no git-bash: FFmpeg retorna exit 0 sem gerar arquivo.clip: HyperFrames força opacity:1 — animar apenas .scene-innerUma landing page com Seedance no hero + HyperFrames nos módulos de curso = experiência de produto premium sem depender de nenhum serviço externo pago de vídeo. O FFmpeg é o elo que garante compatibilidade universal do .mp4 gerado.
⚙️ Como funciona por dentro
Produto/subject com detalhes precisos de material, cor e forma. Ambiente. Referências visuais reais (ex.: "Apple product film meets Dyson reveal").
Posição exata, ângulo, movimento. "Órbita horizontal a 15° de elevação, 1 rotação completa" — nunca "câmera se move".
Build lento → pico a 40–60% → resolução satisfatória. Cada loop tem clímax visual.
Headlines baked no vídeo. Legibilidade é prioridade #1 — se um efeito visual compete com o texto, o efeito cede.
Iluminação estática durante todo o vídeo. Nenhuma variação de temperatura de cor — não-negociável para consistência no loop.
Image-to-video com mesma imagem no 1º e último frame. Câmera retorna à posição exata inicial. Partículas retornam ao estado inicial.
Duração (default 10s), resolução 4K se suportado, sem watermarks, seamlessly looping.
6–9 cenas. Narração ≈100s de voz. Siglas expandidas para fala ("SKILL.md" → "SKILL ponto M D").
--example blank --non-interactive. Copia design.md (house style) para raiz.
Baixa .woff2 subset latin → assets/fonts/fonts.css
Voz pf_dora --speed 0.98. Gera WAV por cena. Sem espeak-ng.
Para cada frame: chama anim(t), aguarda DOM estabilizar, screenshot PNG 30fps. Tempo virtual — nenhum frame perdido.
PNGs → H.264. Sincroniza WAV. ffmpeg -nostdin no git-bash (evita exit 0 sem output). Path: C:\ffmpeg\bin.
--quality draft primeiro, depois --quality high. Gera 16:9 e 9:16 separados.
Sem -nostdin, o FFmpeg no git-bash retorna exit 0 silenciosamente sem gerar nenhum arquivo. Sempre use: ffmpeg -nostdin [opções]. Também: verifique npx hyperframes doctor se algo falhar no fluxo.
💬 Exemplo prático + prompt pronto
Seedance = background visual de site (o usuário assiste ao fundo). HyperFrames = vídeo explicativo de conteúdo (o usuário aprende com o vídeo). Os prompts abaixo cobrem cada caso separadamente.
Quero um background loop para o hero do meu
site de cursos INEMA.CLUB. Produto: dashboard
de cursos dark premium com partículas de dados
flutuantes. Headlines: "APRENDA COM QUEM FAZ"
e "INEMA.CLUB". Loop de 10 segundos, paleta
purple e ciano, mood: tecnologia artesanal.Faça um vídeo explicativo sobre o skill
seedance-loop-prompt do INEMA.CLUB. PT-BR,
dark premium, accent âmbar. Gere 16:9 e 9:16.
Termina com a cena de CTA do INEMA.CLUB.
Assunto: como criar background loops de site
com prompt estruturado para o Seedance 2.# Render HyperFrames 16:9
node build-index.mjs
npx hyperframes render --quality high \
--output renders/meu-video-16x9.mp4
# Render HyperFrames 9:16
node build-index.mjs --vertical
npx hyperframes render --quality high \
--output renders/meu-video-9x16.mp4
# FFmpeg direto (com -nostdin obrigatório no git-bash)
ffmpeg -nostdin -framerate 30 \
-i frames/frame_%04d.png \
-i audio/narration.wav \
-c:v libx264 -crf 18 -pix_fmt yuv420p \
output.mp4
# Verificar instalação
npx hyperframes doctor🧬 Combina com / limites
Este módulo cobre os dois skills de forma panorâmica. Para dominar todos os detalhes do HyperFrames (setup, cenas, GSAP, Kokoro, debug, deploy), acesse o curso dedicado:
🔗 inematds.github.io/skill-hyperframes-videos →O que você aprendeu
- ✓ seedance-loop-prompt: prompt hiper-detalhado em 7 seções para Seedance 2
- ✓ video-explicativo (HyperFrames): HTML+GSAP → Chrome headless → FFmpeg → MP4
- ✓ FFmpeg como motor base: H.264, sync WAV,
-nostdinno git-bash - ✓ Kokoro TTS:
pf_dora --speed 0.98, PT-BR, sem espeak-ng - ✓ Loop seal: mesmo frame início e fim → loop sem emenda
- ✓ 16:9 e 9:16 do mesmo projeto HyperFrames
- ✓ Combina com animation-designer, 3d-animation-creator, formato-curso
- → Seedance: iluminação estática durante todo o vídeo (loop consistency)
- → HyperFrames: animar
.scene-inner, nunca o.clip - → FFmpeg:
-nostdinno git-bash é não-negociável - → Text readability é prioridade #1 no Seedance
Skills de suporte ao fluxo: pesquisa, diagnóstico, memória, agentes auxiliares.