Skills de Heygen Com
ego lite browser
patrocinadorego lite é o navegador mais rápido para agentes de IA executarem automação web, compartilhando seu estado logado com Codex ou Claude Code, zero custo, zero configuração.
Alpha Vantage MCP Server
patrocinadorAcesse dados do mercado financeiro: ações em tempo real e históricas, ETFs, opções, forex, criptomoedas, commodities, fundamentos, indicadores técnicos e mais
Composio
patrocinadorConecte-se a mais de 1500 servidores MCP com 1 clique
captions-overlay
hyperframes/.agents/skills/captions-overlay
Doutrina de sobreposição para o fluxo de trabalho de legendas incorporadas — o MODELO de legenda (drop / rail / embed) e a regra de que legendas são uma SOBREPOSIÇÃO composta sobre o filme, nunca uma faixa inferior reservada para a qual você desloca o conteúdo. Carregue ao adicionar legendas/subtítulos a um vídeo de cabeça falante ou de lançamento, ao decidir se uma frase deve ser dropada, seguir o trilho verbatim, ou ser promovida a um clímax incorporado escasso, ao planejar uma composição que carregará legendas (NÃO reserve uma...
changelog-video
hyperframes/.agents/skills/changelog-video
Transforme um changelog semanal .md em um vídeo de changelog finalizado com a marca (quadrado 1080, ~45-60s, narração Annie, fundo animado da marca, visualizações de UI simuladas, legendas discretas). Use quando o usuário fornecer um markdown de changelog/resumo e quiser o vídeo semanal, ou disser "changelog video". Autossuficiente — fontes, fundo, léxico e scripts acompanham esta skill.
cut-the-curve
hyperframes/.agents/skills/cut-the-curve
O catálogo de técnicas: cinco SEAMS com velocidade combinada (zoom-through, INVERSE zoom-through, cut-the-curve, waterfall cut, rack-focus blur-cut) mais as duas técnicas em cena — waterfall ENTRY (cascatas de chegada escalonada para cartões de título / aberturas de segmento) e a nudge curve (deslizes de grupo em três fases lento-rápido-lento). Abrange a combinação de velocidade de percurso parcial (~12% do quadro) via eases power4 espelhados, a regra de sinal de escala Z, desfoque dimensionado por tamanho (texto de 10px / quadro cheio de 18-20px), escalonado palavra por palavra...
embedded-captions
hyperframes/skills/embedded-captions
Adicione legendas a um vídeo de cabeça falante. UM catálogo (CATALOG.md) de 32 identidades visuais por trás de dois mecanismos: fluxo de coluna (legendas compostas DENTRO da cena — oclusão fosca + mesclagem; creme/tinta/editorial/keynote/documentário/loud/neon/glitch/cromo/velocidade) e constituições temáticas (âncora/armamento/terminal/neonsign/stardust/stomp/placar/trânsito/vhs/arcade/dossiê/laser/trovão/holograma/biolume/aurora/espectro/papercut/popup/quadro-negro/grafite/pincel/inkwater/resgate/última página/cidade-noturna...
VídeoCriativoMídiafaceless-explainer
hyperframes/skills/faceless-explainer
fluxo de vídeo faceless-explainer - texto arbitrário (artigo / anotações / tópico / resumo) -> narrator_scripts.json + áudio (voz + BGM) + section_plan.md -> tipografia / gráficos abstratos / diagrama / vídeo de visualização de dados. Duração típica de até ~3 min (ponto ideal ~30-90s); uma peça genuinamente mais longa é vídeo geral, não este fluxo. Gera sua PRÓPRIA narração (TTS) — não sincroniza com uma narração fornecida pelo usuário / pré-gravada (isso é vídeo geral). Sem captura de site, sem capturas de tela de produto real....
VídeoCriativoMídiafigma
hyperframes/skills/figma
Importe conteúdo do Figma para uma composição HyperFrames — assets renderizados, tokens de marca, componentes, seções de storyboard → movimento reconstruído (quadros lidos como estados, não slides) (REST/CLI), animações Figma Motion (MCP) e shaders (fonte MCP / exportação nativa). Use quando o usuário colar um link figma.com ou pedir para trazer um design, quadro, logotipo, marca ou animação do Figma para um vídeo/composição.
general-video
hyperframes/skills/general-video
Use como fallback para a criação de composições de vídeo HTML com HyperFrames personalizadas quando nenhum fluxo de trabalho especializado se adequar. Abrange peças mais longas ou com múltiplas cenas, reels de marca/sizzle, montagens, cartelas de título, motion posters de longa duração, loops estáticos e composições livres em qualquer duração ou formato. Não é para promoções de produtos comercializados (product-launch-video), captura geral de site para vídeo (website-to-video), explicadores de tópicos (faceless-explainer), vídeos de PR do GitHub (pr-to-video), legendagem de filmagens existentes...
VídeoCriativoMídiagraphic-overlays
hyperframes/skills/graphic-overlays
Empacote um vídeo existente de talking-head / entrevista / podcast sobrepondo cartões GRAPHIC OVERLAY temporizados e projetados ao vídeo em reprodução — títulos, barras inferiores, destaques de dados, citações, painéis laterais, picture-in-picture — sincronizados com a transcrição. O vídeo original é reproduzido por completo; o agente projeta e escreve o HTML de cada cartão durante a conversa, depois renderiza para MP4 via hyperframes. Use quando o usuário solicitar sobreposições gráficas, gráficos na tela / barras inferiores / destaques de dados / títulos cinéticos em um vídeo,...
CriativoVídeoDesignhyperframes
hyperframes/skills/hyperframes
LEIA ISTO PRIMEIRO para qualquer solicitação de fazer, criar, editar, animar ou renderizar um vídeo, animação ou motion graphic — seja um promo, explicativo, clipe legendado, cartela de título, sobreposição ou qualquer composição. HyperFrames renderiza vídeo a partir de HTML; esta é a habilidade de entrada e a forma padrão pela qual um agente cria ou edita vídeo. Ela direciona a solicitação para o fluxo de trabalho especializado correto e aponta para as habilidades de domínio do HyperFrames, portanto, leia-a antes de qualquer outra habilidade de vídeo ou animação, em vez de tentar adivinhar um fluxo de trabalho....
CriativoVídeoMídiahyperframes-animation
hyperframes/skills/hyperframes-animation
Todo conhecimento de animação para HyperFrames — regras de movimento atômico, blueprints de cena multifásica, transições de cena, técnicas mais amplas de design de movimento, E os sete adaptadores de runtime (GSAP padrão, mais Lottie, Three.js, Anime.js, keyframes CSS, Web Animations API, TypeGPU). Use para qualquer tarefa de movimento ou animação: escolha 2-4 regras e componha, ou carregue um blueprint, ou consulte a API específica do runtime (ex.: eases do GSAP / player Lottie / mixer Three.js). Nativo do HyperFrames: timeline única pausada, seguro para busca,...
CriativoDesenvolvimentoDesignhyperframes-audio
hyperframes/skills/hyperframes-audio
Use when audio already placed in a HyperFrames composition needs to be mixed: a music bed that fights a voiceover (voiceover carve), effects on a track (EQ, compressor, limiter, gate, saturation, delay, reverb, chorus, phaser, bitcrush), or automation envelopes drawn on a track's volume or any effect parameter. Don't use for sourcing or generating audio — finding BGM, SFX, or making a voiceover is `/media-use`. Don't use for clip timing or track layout, which is `/hyperframes-core`.
hyperframes-cli
hyperframes/skills/hyperframes-cli
HyperFrames CLI dev loop — `npx hyperframes` for scaffolding (init), validation (lint, inspect), preview, render, and environment troubleshooting (doctor, browser, info, upgrade). Use when running any of these commands or troubleshooting the HyperFrames build/render environment. For asset preprocessing commands (`tts`, `transcribe`, `remove-background`), invoke the `hyperframes-media` skill instead.
DesenvolvimentoTestesAPIhyperframes-core
hyperframes/skills/hyperframes-core
Contrato de composição HTML do HyperFrames. Use para estrutura de composição, atributos de dados, clipes, faixas, subcomposições, variáveis, reprodução de mídia, regras de renderização determinísticas e validação de projetos mínimos renderizáveis.
DesenvolvimentoMídiaCriativohyperframes-creative
hyperframes/skills/hyperframes-creative
Direção criativa não animada para vídeos HyperFrames. Use para manipulação de especificações de design (frame.md / design.md), paletas, tipografia, narração, planejamento de batida, visuais reativos a áudio, padrões de composição e decisões de marca/estilo. Para padrões de movimento atômico e plantas de cena
CriativoDesignVídeohyperframes-keyframes
hyperframes/skills/hyperframes-keyframes
Use when a HyperFrames composition needs seek-safe 2D/3D keyframes, GSAP timelines, CSS keyframes, Anime.js, WAAPI, FLIP, paths, masks, SVG morph/draw, text trails, 3D depth, or `hyperframes keyframes` diagnostics. Don't use for broad scene strategy, brand design, media sourcing, captions, or general video planning.
CriativoVídeoDesenvolvimentohyperframes-media
hyperframes/skills/hyperframes-media
Pré-processamento de assets para composições HyperFrames — TTS multi-provedor (HeyGen / ElevenLabs / Kokoro local), BGM multi-provedor (Google Lyria / MusicGen local), transcrição Whisper, remoção de fundo e criação de legendas. Use para npx hyperframes tts, bgm, transcribe, remove-background, seleção de voz/provedor, sugestão de clima musical, legendas / subtítulos / letras / karaokê / estilo por palavra.
MídiaÁudioVídeohyperframes-read-first
hyperframes/skills/hyperframes-read-first
Comece AQUI para qualquer solicitação de fazer, criar, gerar, editar, animar ou renderizar um vídeo, animação, motion graphic, vídeo explicativo, cartão de título, sobreposição, vídeo com legendas, promoção de produto, vídeo para site, vídeo de PR ou changelog, montagem de dados, pôster animado ou composição HTML do HyperFrames. Use antes de outras habilidades de vídeo ou animação quando o usuário quiser que o HyperFrames crie ou renderize um vídeo MP4/web finalizado, escolha um fluxo de trabalho ou direcione entre vídeo de lançamento de produto, explicador sem rosto, site para vídeo,...
CriativoVídeoMídiahyperframes-registry
hyperframes/skills/hyperframes-registry
Instale e conecte blocos e componentes do registry em composições HyperFrames. Use ao executar hyperframes add, instalar um bloco ou componente, conectar um item instalado no index.html ou trabalhar com hyperframes.json. Abrange o comando add, locais de instalação, conexão de subcomposição de blocos, mesclagem de snippets de componentes, descoberta do registry e criação de um novo bloco ou componente para contribuir upstream (ideia → scaffold → validar → PR).
DesenvolvimentoAPIRevisão de códigomedia-use
hyperframes/skills/media-use
Agent Media OS — resolve any media need (BGM, SFX, image, icon) into a frozen local file + ledger record. One verb (`resolve`) handles the full cascade — project cache, global cache, HeyGen catalog search, freeze, register. Keeps search noise on disk, hands the agent a path. Use when a composition needs background music, sound effects, images, or icons.
MídiaCriativoProdutividademotion-doctrine
hyperframes/.agents/skills/motion-doctrine
GATEWAY — carregue PRIMEIRO antes de compor qualquer animação ou vídeo HyperFrames. A lei de movimento de alto nível que faz um vídeo multi-cena parecer UM movimento contínuo de câmera em vez de uma pilha de slides animados independentemente. Abrange a lei vetorial (como você sai determina como você entra, incl. a regra do sinal de escala Z), a corrente do filme, elementos portadores, movimento causal, o Seam Gate (aplicação de construção de portão), a proibição de oscilação ociosa (o movimento deve EXECUTAR, não respirar), quietude antes do clímax, e...
motion-graphics
hyperframes/skills/motion-graphics
Use quando o usuário deseja um motion graphic curto e focado em design, onde o movimento é a mensagem: tipografia cinética, contagem de estatísticas ou números, destaque de gráfico/visualização de dados, vinheta de logotipo, composição de marca, terço inferior, chamada, sobreposição para redes sociais, manchete/tweet/notícia animada, pôster animado ou destaque rápido de página capturada. Geralmente com menos de 10s e até ~30s, sem arco narrativo, locução ou cena com atores reais. Pode ser renderizado em MP4 ou sobreposição transparente. Não indicado para peças mais longas, com múltiplas cenas, narradas ou do tipo reel de marca...
CriativoVídeoDesignmusic-to-video
hyperframes/skills/music-to-video
We need to translate the given text from English to Brazilian Portuguese. The text describes a skill called "music-to-video" but the instruction says not to include the name unless it appears in the source text. The name does appear in the source? Actually, the source text starts with "Use when the user has a music track..." and does not include the name "music-to-video" in the text. The instruction says "Do not include the name unless it appears in the source text." So we should not add it. Also, preserve technical terms like "HyperFrames", "beat-synced", "orchestrator", "sub-agent", "beat grid", "beat-cut". Translate the rest naturally to Brazilian Portuguese. The text: "Use when the user has a music track (an audio file, or a video to pull audio from) and wants a beat-synced HyperFrames video, calm to hard-hitting. The music drives everything: one analyzer reads it once, the orchestrator lays out the frames and fills a per-frame plan, and one
CriativoVídeoÁudiooversized-cursor
hyperframes/.agents/skills/oversized-cursor
Técnica de cursor macOS ampliado no estilo da casa para vídeos de lançamento do HyperFrames. Carregue sempre que uma cena envolver cursores ou uma ação guiada por ponteiro, ao iniciar uma cena de UI, ao disparar uma sequência de morph/transição/digitação com um clique, ou quando uma cena parecer estática, morta ou desatualizada e precisar de uma fonte barata e de alto rendimento de movimento para conduzir o olhar do espectador e tirá-lo do estado parado. Abrange tamanho e aparência do cursor (incluindo cursores com motivo de marca), a regra de entrada fora da tela, mira no alvo e o clique...
pr-to-video
hyperframes/skills/pr-to-video
fluxo de trabalho pr-to-video - uma pull request do GitHub (URL como github.com/ / /pull/ , ou / # , ou "este PR" em um repositório com checkout) -> fatos extraídos do PR (título, corpo, diff, commits, arquivos, estatísticas +/-) -> narrator_scripts.json + áudio (voz + música de fundo) + section_plan.md -> vídeo explicativo de diff de código / antes-depois / impacto. A entrada é uma ALTERAÇÃO DE CÓDIGO. A URL é um link de PR, NÃO um site de marketing para raspar; não é um resumo de texto e não é um site de produto. Para uma entrada que não seja um PR (site de produto, site geral, texto de tópico),...
DesenvolvimentoVídeoRevisão de códigoproduct-launch-video
hyperframes/skills/product-launch-video
Use quando o usuário quiser um vídeo de lançamento de produto, promoção de SaaS, revelação de funcionalidade, vídeo de marketing de aplicativo/empresa/site, ou um roteiro/briefing transformado em vídeo focado no produto. Os gatilhos incluem vídeo de lançamento para X, promoção para nosso site, explique meu SaaS em um minuto, revelação de funcionalidade para X.com, e transforme este roteiro em uma promoção de 60 segundos. Pode usar uma URL de produto/marketing para captura de marca ou modo sem captura a partir de um briefing/roteiro. Não é para explicadores de tópicos sem produto ou URL (faceless-explainer), PR do GitHub/alteração de código...
VídeoMarketingCriativoremotion-to-hyperframes
hyperframes/skills/remotion-to-hyperframes
Traduza uma composição de vídeo existente do Remotion (baseado em React) para uma composição HTML do HyperFrames. Use SOMENTE quando o usuário solicitar explicitamente portar, converter, migrar, traduzir ou reescrever uma composição do Remotion como HyperFrames (ex.: "portar meu projeto Remotion para HyperFrames"). NÃO use quando (a) estiver criando uma NOVA composição HyperFrames (mesmo que testando A/B um vídeo Remotion); (b) Remotion for mencionado de passagem; (c) código Remotion for compartilhado como referência, não para tradução; (d) o usuário quiser...
DesenvolvimentoVídeoCriativoseam-craft
hyperframes/.agents/skills/seam-craft
Doutrina de correção de renderização para emendas cena-a-cena em vídeos de lançamento do HyperFrames — os pré-requisitos que fazem as transições comporem corretamente na linha do tempo principal. Carregar ao montar a linha do tempo principal / index.html, quando um flash branco aparece em um corte ou emenda de crossfade (especialmente em filmes escuros), ao raciocinar sobre por que uma queda de opacidade de transição aparece, ou ao verificar a mecânica do lado da renderização de como wrappers de cena sobrepostos se misturam. Cobre o estágio de fundo opaco (#root...
slideshow
hyperframes/skills/slideshow
Crie uma composição de slideshow HyperFrames — uma apresentação, pitch deck ou deck interativo com slides discretos, revelação de fragmentos, sequências ramificadas e navegação por hotspots. Use como verificação de intenção quando o usuário solicitar uma apresentação, pitch deck, deck de slides, deck interativo ou conversão de página para deck que possa ser um slideshow; se o usuário não pedir explicitamente um slideshow / apresentação de slides, confirme antes de criar.
CriativoDesigntalking-head-recut
hyperframes/skills/talking-head-recut
Empacote um vídeo existente de talking-head / entrevista / podcast sobrepondo cartões GRÁFICOS programados e projetados no vídeo em reprodução — títulos, lower-thirds, chamadas de dados, citações, painéis laterais, picture-in-picture — sincronizados com a transcrição. O vídeo original é reproduzido na íntegra; o agente pro
VídeoCriativoDesignwebsite-to-video
hyperframes/skills/website-to-video
Capture um site/URL geral e transforme-o em um vídeo HyperFrames (tour do site, demonstração ou clipe social a partir dos próprios visuais do site). Usa capturas de tela do Chrome headless + ativos da marca. Use quando a intenção for geral — demonstração de portfólio/blog/landing-page ou clipe social a partir do site. NÃO para: lançamento ou promoção de produto/SaaS (→ /product-launch-video, mesmo a partir de uma URL); explicador de tópico sem site (→ /faceless-explainer); PR do GitHub (→ /pr-to-video); adicionar legendas a vídeo existente (→...
Automação de navegadorVídeoCriativo