Communitygithub.com

asсorblack/video-skills

Regras para os visuais de vídeos sobre programas e vídeos de divulgação científica — diagramas e linhas de conexão, termos com exemplos aplicados, por quanto tempo segurar um slide, transições sem solavancos, zoom na câmera, títulos e figuras no quadro, estilização no estilo da ciência popular soviética e filmstrips (paleta, fontes, granulação, vinheta). Use ao projetar, desenhar ou editar quadros, slides, diagramas, títulos, transições ou o estilo de um vídeo, e ao verificar quadros antes da montagem.

O que é video-skills?

Este skill fornece regras detalhadas para a criação de visuais em vídeos sobre programas de computador e divulgação científica. Ele combina conselhos de diversas fontes (áudio, vídeo, visual, 3D e estilo popular científico) para garantir consistência visual e clareza na comunicação. O skill cobre desde regras básicas, como evitar que linhas cruzem blocos de texto, até recomendações sobre ritmo e transições, como usar um único tipo de transição (dissolução) por vídeo. Ele também inclui diretrizes para estilização no estilo da ciência popular soviética dos anos 1970, com paleta de cores contida, detalhes de época e efeitos de filme. O skill é útil para designers, editores de vídeo e qualquer pessoa envolvida na produção de conteúdos visuais explicativos, garantindo que cada quadro seja claro, coeso e siga uma linguagem visual consistente.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/ascorblack/video-skills/tree/HEAD/skills/video-design

Perguntar na sua IA favorita

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

Documentação

Design e visuais de um vídeo

Cada regra é extraída das lições de vídeos anteriores; a fonte está entre colchetes (legenda no final). Onde as fontes discordam, ambos os conselhos são fornecidos, com uma nota sobre a qual caso cada um se aplica.

Regras curtas

  1. No estado final de um quadro, uma linha não passa através de um bloco, texto ou outra linha. [Visual] As linhas de conexão são retas e contornam os blocos. [Vídeo]
  2. Todo termo ganha um exemplo aplicado: uma cena com um participante, uma ação e um número. Uma ideia por slide. [Visual]
  3. Conte o tempo de exibição de um slide, não o atribua; não defina a duração do vídeo antes de o texto ter sido contado. [Visual] As normas de retenção diferem entre as fontes — veja pacing-and-transitions.md.
  4. Uma transição para todo o vídeo, uma dissolução por padrão; sem dimensionamento nas junções. [Vídeo] [Visual] [Popsci]
  5. Elementos compartilhados de quadros vizinhos ficam nas mesmas coordenadas e com o mesmo tamanho; o próximo plano começa do estado final do anterior. [Visual]
  6. As legendas não tremem e não desaparecem antes de serem lidas. [Vídeo]
  7. Figuras no quadro — apenas aquelas verificadas pela equipe, redigidas como o que foi realmente verificado. [Visual]
  8. Texto na tela e texto do narrador — de uma só fonte. [Vídeo]
  9. Primeiros quadros estáticos "antes → ação → depois", sua verificação independente, depois o vídeo a partir dos mesmos quadros. [Visual]
  10. Não desenhe mockups de interface em vez de gravações [Vídeo] — mas no vídeo estilizado de divulgação científica a interface foi redesenhada em cada quadro [Popsci]. Ambos os casos estão no skill video-ui-capture.
  11. Estilização de divulgação científica: paleta contida, detalhe de época, câmera sem trepidação, sem cintilação e sem arranhões. [Popsci]

Detalhes

  • lines-and-layout.md — linhas em diagramas, títulos, figuras, legendas, como verificar interseções.
  • explanations.md — termo + exemplo aplicado, números, tradução.
  • pacing-and-transitions.md — por quanto tempo segurar um slide, transições, causas de saltos na junção, câmera.
  • retro-style.md — imagem chapada no estilo de divulgação científica e filmstrips, efeitos de filme.
  • process.md — ordem de trabalho e verificação de quadros antes da entrega.

Fontes

  • [Áudio] — lições de arquivo sobre som e narração de vídeos promocionais e apresentações.
  • [Vídeo] — lições de arquivo sobre vídeo: gravações de interface, ritmo, transições.
  • [Visual] — lições de arquivo sobre os visuais de vídeos promocionais feitos de quadros esquemáticos (quadros HTML → renderização quadro a quadro).
  • [3D] — lições de um vídeo tridimensional em primeira pessoa no navegador (three.js → renderização quadro a quadro).
  • [Popsci] — lições de um vídeo no estilo da ciência popular soviética e filmstrips do início dos anos 70.

Individual skills in this repo

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

ascorblack/video-skills

Правила 3D-анимации для роликов в браузере (three.js → покадровый рендер) и анимации фигур с предметами — руки и тело от первого лица, рукав и манжета, контакт кисти с предметами и поверхностями, смешивание поз и углов, расталкивание персонажей, ходьба без скольжения, свечение, контактные тени, процедурные материалы, детекторы пересечений и рывков. Используй, когда строишь, анимируешь или проверяешь 3D-сцену, персонажей, руки, предметы в руках или свет в ролике.

ascorblack/video-skills

Правила звука для роликов — фоновая музыка и звуковое оформление, совпадение звука с картинкой, сведение голоса и музыки (LUFS, истинный пик, приглушение), удлинение музыки без стыков, синтез дикторской озвучки (дословность, темп), архивный «эфирный» голос с помехами, сдача звука и работа с API-ключами. Используй, когда делаешь, сводишь, проверяешь или правишь музыку, звуковые эффекты, озвучку или микс ролика.

ascorblack/video-skills

Правила рендера и оптимизации роликов из HTML/браузерных кадров — грабли покадрового рендера с перемоткой (твины, CSS-анимации, transform, aspect-ratio, SVG use, тяжёлые слои), детерминизм и повторяемость, где уходит время рендера, кодирование на NVENC с битрейтом, воркеры, отвязанный от сессии рендер, вшивание звука без перерендера картинки, проверка готового файла (ffprobe) и хранение версий. Используй, когда рендеришь, ускоряешь, кодируешь, пересобираешь или сдаёшь готовое видео.

ascorblack/video-skills

Правила записи интерфейса программы для роликов, презентаций и gif — покадровая съёмка браузера в виртуальном времени (headless Chrome, beginFrame), демо-стенд с выдуманными данными, курсор, метки во время записи, запасы в начале и конце дубля, лист кадров, наезды и обрезка записи, экран программы в стилизованном кадре, версия на другом языке с теми же кликами и синхронизация рук в 3D-сцене с записью. Используй, когда снимаешь, режешь, ускоряешь или вставляешь в ролик запись экрана приложения.

Habilidades Relacionadas