Communitygithub.com

media-use

Sistema operacional de mídia para projetos HyperFrames. Resolva BGM, SFX, imagem, ícone, logotipo, voz, correção de cor ou LUT em um arquivo local congelado ou bloco pronto para colagem + registro no ledger (um verbo: `resolve`); gere via modelos TTS/música/imagem quando o catálogo falhar; produza narração, transcrição, legendas e remoção de fundo através de um mecanismo de áudio compartilhado; opere em mídia (cortar/reformular/transformar); e reutilize ativos entre projetos.

O que é media-use?

O skill `media-use` atua como um sistema operacional de mídia completo para projetos HyperFrames, unificando resolução, geração, operação e reutilização de ativos de mídia. Seu comando principal, `resolve`, permite buscar e converter BGM, SFX, imagens, ícones, logotipos, vozes TTS, LUTs e correções de cor em arquivos locais ou blocos prontos para uso, enquanto o catálogo integrado (HeyGen com mais de 75 mil ativos) e o mecanismo de áudio compartilhado cobrem a maioria das necessidades. Quando o catálogo falha, o skill pode gerar conteúdo via modelos de TTS, música e imagem, e também oferece operações como corte, reformulação e transformação de mídia existente. Projetado para reduzir o ruído de contexto, o skill prioriza propostas concretas baseadas em sinais objetivos (como cenas mudas ou imagens com problema de exposição) e evita mutações silenciosas, garantindo que cada sugestão seja revisada pelo usuário. A documentação completa está organizada em referências separadas por tarefa (grading, áudio, operações, tratamentos criativos, instalação e memória), e o skill pode ser usado nos principais agentes de IA como Claude Code, Cursor e Codex.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/jasonfast123/hyperframes-skills/tree/main/skills/media-use

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que media-use faz?

O sistema operacional de mídia para HyperFrames: resolva · gere · opere · lembre — todo tipo de mídia, um skill, zero ruído de contexto.

Primeira execução: instale e faça login no CLI do heygen (o caminho de uso gratuito) e, em seguida, verifique com node <SKILL_DIR>/scripts/resolve.mjs --doctor. Configuração e provedores: references/setup-providers.md.

Resolver — o único verbo

node <SKILL_DIR>/scripts/resolve.mjs --type <type> --intent "<description>" --project <dir>

Retorna uma linha: resolved <id> → <path> (<type>, <metadata>). Todo o ruído da pesquisa fica no disco.

TipoIntenção em uma linha
bgmmúsica de fundo (catálogo HeyGen, 10 mil+ faixas)
sfxefeitos sonoros (biblioteca de 19 arquivos incluída + catálogo)
imagefotos, fundos (pesquisa de ativos HeyGen, 75 mil+ vetores)
iconícones, símbolos (transparentes)
logomarcas oficiais (svgl → simple-icons → avatar do GitHub → favicon; nunca redesenhado)
voicenarração TTS (caminho de uso gratuito HeyGen; Kokoro local opcional)
gradecandidato de correção medido; polimento/estilização amplo segue Tratamentos de Mídia
lutarquivo .cube reutilizável validado, fornecido pelo usuário ou explicitamente escolhido

Antes de resolver algo novo, liste candidatos reutilizáveis com --candidates e julgue você mesmo o ajuste — regras de reutilização, todas as flags, ingestão (--from) e adoção estão em references/resolve.md.

Tratar feedback visual amplo como intenção de mídia

Quando um usuário pedir explicitamente para corrigir, polir, estilizar, obscurecer, enfatizar ou revelar mídia fotográfica, leia references/media-treatments.md mesmo que ele não mencione correção de cor ou efeito. Inspecione o <img>/<video> real, escolha uma intenção primária e use persistência e verificação determinísticas. Use uma receita correspondente como semente opcional testada, ou inspecione hyperframes media-treatment --capabilities --json, então solicite uma família/efeito relevante com --capability <id> e monte um tratamento personalizado a partir de controles canônicos. Nunca carregue --all para criação comum. Um tratamento pode compor correção, predefinição, finalização, efeitos de shader compatíveis, keyframes suportados e sobreposições opcionais do Registry. Adicione apenas ajustes limitados justificados pela fonte e partes compatíveis, nunca efeitos apenas para tornar o resultado mais sofisticado. Persista o payload final combinado com hyperframes media-treatment.

Use um fluxo de trabalho progressivo único. Para vídeo, inspecione uma folha de contato rotulada de início/meio/fim, em vez de ler quadros separadamente. Aplique um candidato e inspecione uma folha de "depois" para correção ou polimento comuns. Escale para quadros individuais ou evidências de rascunho em movimento apenas quando o resultado for ambíguo, temporal, estilizado, baseado em LUT, sensível a HDR/LOG, privado ou crítico para a marca.

Para correção ou polimento comuns, persista o JSON de predefinição/ajuste do tratamento final. Não gere um LUT .cube apenas para codificar exposição, sombras, contraste ou aquecimento. Use um LUT somente quando o usuário fornecer um ou o tratamento selecionado explicitamente possuir um. resolve --type grade --for ... --analyze é evidência de medição, não permissão para substituir o tratamento escolhido por um LUT gerado. Não recrie efeitos de vinheta, granulação, desfoque, pixelização, cor ou tratamento suportados com sobreposições CSS/SVG; isso ignora os controles do Studio e o caminho canônico de visualização/renderização do shader.

Seja proativo — execute uma passagem de oportunidade de mídia

O humano geralmente não consegue identificar qual mídia melhoraria a peça. Você consegue. Ao construir ou revisar uma composição, faça uma varredura fundamentada e depois pergunte uma vez — não adicione silenciosamente e não importune por ativo.

Apresente uma oportunidade apenas quando um sinal concreto estiver presente:

Sinal detectadoOferta
Texto na tela / um roteiro sem narraçãoNarração TTS (mecanismo de áudio)
Emoji ou um <div> estilizado como íconeResolver icons reais
Imagem que é placeholder, pequena ou com aparência de upscaleUma image melhor (e/ou upscale — veja references/operations.md)
Cortes de cena bruscos / transições sem somsfx de transição
Uma peça com mais de ~10s sem música de fundobgm
Filmagem que parece sub/sobre-exposta ou com dominante de corUma correção corretiva (inspecione com hyperframes media-treatment --selector '#hero' --analyze --json)
Mídia fotográfica que parece visualmente plana ou fora do assuntoUma predefinição específica adequada à fonte ou tratamento personalizado, com o destino pretendido nomeado
Uma entrada/revelação de mídia significativa que parece estáticaUma animação de tratamento suportada e segura para busca; preserve a cor, a menos que o pedido também justifique uma predefinição

Regras que mantêm isso como ajuda, não como incômodo: fundamentado, não genérico (sem sinal → sem sugestão); opinativo + concreto (proponha a correção específica com padrões escolhidos — o humano aprova tudo / alguns / nenhum); uma vez por projeto (um pedido consolidado; respeite "deixe assim"); superfície, nunca mude silenciosamente (correções de cor especialmente: proponha e visualize — uma "correção" de mundo cinza arruína um pôr do sol intencional ou um visual neon).

Onde olhar — leia apenas o arquivo que sua tarefa precisa

TarefaLeia
resolver / reutilizar / adotar / ingerir, flags, cascata, inventárioreferences/resolve.md
correção de cor, LUTs, grade inteligente (--for), grade-comparereferences/grading.md
narração / TTS, música, SFX, legendas, transcrição (mecanismo de áudio)references/audio.md
cortar / reformular / transformar mídia existente, difusão de erro exata, HEVCreferences/operations.md
tratamentos criativos com consciência de fonte, efeitos em tempo real, overlays, revelaçõesreferences/media-treatments.md
instalação + autenticação, tabela de provedores, escadas de RAM, --local-only, --providerreferences/setup-providers.md
preferências lembradas + receitas congeladas (memória do usuário)references/memory.md
matriz de propriedade, estatísticas de uso, telemetria, privacidade (para mantenedores)references/meta.md

Individual skills in this repo

This repo contains 19 individual skills — each has its own dedicated page.

embedded-captions

>

faceless-explainer

Turn arbitrary text — an article, notes, a topic, a brief — into a faceless explainer video: there is no site or footage to capture, so the visuals are invented per scene (typography, abstract graphics, diagrams, data-viz). Use for topic explainers, concept breakdowns, how-tos, listicles. Not a video built from a website (/product-launch-video — promo or tour). Unclear → /hyperframes.

figma

Import Figma content into a HyperFrames composition — rendered assets, brand tokens, components, storyboard sections → reconstructed motion (frames read as states, not slides) (REST/CLI), connector-assisted motion when available, and shaders from a connector or native export. Use when the user pastes a figma.com link or asks to bring a Figma design, frame, logo, brand, or animation into a video/composition.

general-video

>

hyperframes

>

hyperframes-animation

All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). Use for any motion or animation task: pick 2-4 rules and compose, or load a blueprint, or look up runtime-specific API (e.g. GSAP eases / Lottie player / Three.js mixer). Also covers auditing an existing composition

hyperframes-audio

>

hyperframes-cli

>

hyperframes-core

The HyperFrames composition contract — build one renderable project. Use for composition structure, the `data-*` timing attributes, `class=

hyperframes-creative

Non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterns, and brand / style decisions. For atomic motion patterns and scene blueprints, use `hyperframes-animation`.

hyperframes-keyframes

>

hyperframes-registry

Install, discover, and wire registry blocks and components into HyperFrames compositions. Use when running hyperframes add or hyperframes catalog, installing one item or every block matching a tag, wiring an installed item into index.html, or working with hyperframes.json. Covers discovery, install locations, block sub-composition wiring, component snippet merging, and authoring a new block or component to contribute upstream (idea → scaffold → validate → PR).

jasonfast123/hyperframes-skills

Import Figma content into a HyperFrames composition — rendered assets, brand tokens, components, storyboard sections → reconstructed motion (frames read as states, not slides) (REST/CLI), connector-assisted motion when available, and shaders from a connector or native export. Use when the user pastes a figma.com link or asks to bring a Figma design, frame, logo, brand, or animation into a video/composition.

motion-graphics

>

music-to-video

Turn a music track (an audio file, a video to pull audio from, or a track generated from a mood brief) into a beat-synced video — lyric video, slideshow, or kinetic promo. The music drives all pacing; any user-supplied images/videos are cut onto the same beat grid, and a complete video needs zero assets. Narrated pieces → the input-matched workflow (see /hyperframes). Unclear → /hyperframes.

pr-to-video

Turn a GitHub pull request (a PR URL, owner/repo#N, or

remotion-to-hyperframes

Port an existing Remotion (React) composition

slideshow

>

talking-head-recut

Package an existing talking-head / interview / podcast video with timed, designed GRAPHIC OVERLAY cards — kinetic titles, lower-thirds, data callouts, quotes, side panels, picture-in-picture — synced to the transcript, on a 16:9 / 9:16 / 4:5 canvas of your choice; the clip plays untouched underneath. Trigger on

Habilidades Relacionadas