Communitygithub.com

asскорблак/скills-video

Règles pour les visuels des vidéos sur les programmes et les vidéos de vulgarisation scientifique : diagrammes et lignes de connexion, termes avec exemples appliqués, durée d'une diapositive, transitions sans à-coups, zooms avant, titres et figures dans le cadre, stylisation à la manière de la vulgarisation scientifique et des films fixes soviétiques (palette, polices, grain, vignette). Utilisez-les lors de la conception, du dessin ou de l'édition de cadres, de diapositives, de diagrammes, de titres, de transitions ou du style d'une vidéo, et lors de la vérification des cadres avant le montage.

Qu'est-ce que скills-video ?

Cette compétence fournit un ensemble détaillé de règles et de directives pour la conception et la vérification des visuels dans les vidéos, en particulier pour les vidéos de vulgarisation scientifique et les présentations de programmes. Elle est conçue pour être utilisée par les concepteurs, illustrateurs et monteurs vidéo travaillant avec des agents d'IA (tels que Cursor, Claude Code ou Codex) ou des outils d'édition traditionnels. La compétence couvre des aspects cruciaux comme la disposition des lignes et des diagrammes, la clarté des explications (chaque terme doit être accompagné d'un exemple concret), le rythme et les transitions (durée de maintien des diapositives, choix d'une transition uniforme, sans sauts), et le style rétro (palette restreinte, détails d'époque, effets de pellicule). En suivant ces règles, l'IA ou l'utilisateur peut garantir une cohérence visuelle, une lisibilité optimale et un rendu professionnel, en évitant les erreurs courantes comme les superpositions de lignes, les tremblements de texte ou les transitions brusques. La compétence s'appuie sur des leçons tirées de vidéos passées et propose des sous-fichiers spécialisés (lignes, explications, rythme, style rétro, processus) pour une prise en main modulaire.

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

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Conception et visuels d'une vidéo

Chaque règle est tirée des leçons de vidéos passées ; la source est indiquée entre crochets (légende en bas de page). Lorsque les sources divergent, les deux conseils sont donnés, avec une note sur le cas auquel chacun s'applique.

Règles courtes

  1. Dans l'état final d'un cadre, une ligne ne traverse pas un bloc, un texte ou une autre ligne. [Visuel] Les lignes de connexion sont droites et contournent les blocs. [Vidéo]
  2. Chaque terme reçoit un exemple appliqué : une scène avec un participant, une action et un nombre. Une idée par diapositive. [Visuel]
  3. Comptez le temps d'affichage d'une diapositive, ne l'affectez pas ; ne définissez pas la durée de la vidéo avant que le texte n'ait été compté. [Visuel] Les normes de maintien diffèrent selon les sources — voir rythme-et-transitions.md.
  4. Une seule transition pour toute la vidéo, un fondu par défaut ; pas de mise à l'échelle aux jonctions. [Vidéo] [Visuel] [Vulga scientifique]
  5. Les éléments partagés des cadres voisins se trouvent aux mêmes coordonnées et de la même taille ; le plan suivant commence à partir de l'état final du précédent. [Visuel]
  6. Les légendes ne tremblent pas et ne disparaissent pas avant d'avoir été lues. [Vidéo]
  7. Les figures dans le cadre — uniquement celles vérifiées par l'équipe, formulées comme ce qui a réellement été vérifié. [Visuel]
  8. Le texte à l'écran et le texte du narrateur proviennent d'une seule source. [Vidéo]
  9. D'abord des images fixes "avant → action → après", leur vérification indépendante, puis la vidéo à partir des mêmes images. [Visuel]
  10. Ne dessinez pas de maquettes d'interface à la place d'enregistrements [Vidéo] — mais dans la vidéo de vulgarisation scientifique stylisée, l'interface a été redessinée dans chaque cadre [Vulga scientifique]. Les deux cas sont traités dans la compétence capture-video-interface-utilisateur.
  11. Stylisation de vulgarisation scientifique : une palette sobre, des détails d'époque, une caméra sans secousses, sans scintillement ni rayures. [Vulga scientifique]

Détails

  • lignes-et-disposition.md — lignes sur les diagrammes, titres, figures, légendes, comment vérifier les intersections.
  • explications.md — terme + exemple appliqué, nombres, traduction.
  • rythme-et-transitions.md — durée de maintien d'une diapositive, transitions, causes des sauts à la jonction, caméra.
  • style-retro.md — image plate dans le style de la vulgarisation scientifique et des films fixes, effets de pellicule.
  • processus.md — ordre de travail et vérification des cadres avant la livraison.

Sources

  • [Audio] — leçons d'archives sur le son et la voix off des vidéos promotionnelles et des présentations.
  • [Vidéo] — leçons d'archives sur la vidéo : enregistrements d'interface, rythme, transitions.
  • [Visuel] — leçons d'archives sur les visuels de vidéos promotionnelles composées de cadres schématiques (cadres HTML → rendu image par image).
  • [3D] — leçons d'une vidéo tridimensionnelle à la première personne dans le navigateur (three.js → rendu image par image).
  • [Vulga scientifique] — leçons d'une vidéo dans le style de la vulgarisation scientifique soviétique et des films fixes du début des années 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-сцене с записью. Используй, когда снимаешь, режешь, ускоряешь или вставляешь в ролик запись экрана приложения.

Skills associés