faceless-explainerавтор HeyGen

Faceless Explainer Skill.

Навык для Claude Code и Codex в области анимации и видео: превращает текст, заметки или статью в объясняющее видео без лиц с придуманными визуальными сценами.

Анимация и видео
Video

Скачать OpenDesign Инструкция по использованию

heygen-com/hyperframes · skills/faceless-explainer/SKILL.mdSKILL.md

--- name: faceless-explainer description: 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. --- ## Step 0: Setup ## Step 1: Brief (no capture) ## Step 2: Design System ## Step 3: Storyboard and Script ## Step 3.1: Audio ## Step 4: Frame Visual Design

Метаданные и заголовки разделов прочитаны из исходного файла 2026-09-14 · 29 476 символов полностью

01 Что делает

Что делает skill faceless-explainer в Claude Code и Codex

Сводка, рабочий процесс и результаты — всё прочитано из SKILL.md этого skill.

Из SKILL.mdПрочитано 14.09.2026 · не запись выполнения

Словами самого skill

Превращает произвольный текст — статью, заметки, тему, бриф — в закадровое обучающее видео с придуманными визуальными сценами (типографика, абстрактная графика, диаграммы, дата-визуализация). Работает через семь оркестрованных шагов: настройка с подтверждением брифа, синтетический пакет захвата (без сайта), выбор дизайн-системы из готовых пресетов кадров с опциональным ремиксом брендовых токенов, сторибординг и сценарий с использованием нарративного дизайна для переработки входных данных, генерация аудио с TTS и фоновой музыкой, визуальный дизайн с добавлением привязанных по времени последовательностей кадров с придуманными элементами, параллельное построение кадров через саб-агентов и финальный рендер.

Контрольные точки с подтверждением пользователя на шагах 0, 3 и 6 в коллаборативном режиме. Faceless означает отсутствие шага захвата и реальной инвентаризации ассетов — каждый визуальный элемент придумывается воркерами далее по процессу.

Что он выдаёт

STORYBOARD.md с покадровым обучающим планом, привязанной ко времени последовательностью кадров и придуманными фокусом/ролями
compositions/frames/NN-*.html — по одной HTML-композиции на кадр, созданной суб-агентами
renders/video.mp4 — финальный отрендеренный видеофайл в горизонтальной ориентации 1920x1080, вертикальной 1080x1920 или квадратной 1080x1080

Смотрите пример запроса ↗

Как это работает

01
Подтвердить бриф и инициализировать проект
BRIEF.md существует и определяет режим — прочитайте его и ничего не спрашивайте. Если файл отсутствует и проект новый, запустите слой намерения, чтобы зафиксировать бриф.
02
Создать синтетический пакет захвата
Сохраните полный ввод пользователя без изменений в capture/extracted/visible-text.txt (источник информации).
03
Выбрать пресет кадра и собрать frame.md
Выберите один готовый пресет из hyperframes-creative/frame-presets/, подходящий по теме и тону.
04
Написать сториборд с нарративным дизайном
Преобразуйте текст в покадровый обучающий план по структуре story-design.md.
05
Сгенерировать аудио и добавить визуальный дизайн
Запустите audio.mjs в фоновом режиме для синтеза речи, тайминга слов и фоновой музыки из библиотеки HeyGen.
06
Собрать кадры и собрать индекс
Синхронизируйте длительности, соберите пакеты для каждого кадра, запустите по одному суб-агенту на кадр параллельно. Каждый воркер записывает compositions/frames/NN-*.html. Соберите субтитры в фоновом режиме.

02 Определите своё применение

Когда использовать навык faceless-explainer

Используйте навык faceless-explainer в Claude Code или Codex, когда задача — создание видео такого типа. Область применения и ограничения взяты из собственного файла навыка.

Хорошо подходит

Объяснение тем, разбор концепций, инструкции и списки
Объяснение темы на основе текста без продукта и без сайта для захвата
Когда всю визуальную часть нужно придумать: типографику, абстрактную графику, диаграммы или визуализацию данных

Знайте границы

Видео, созданное на основе сайта для промо продукта или обзора
Когда требуется этап захвата или инвентаризация реальных ассетов
Простой запрос «сделать видео» или любая неопределённость — сначала обязательно проходит через слой намерения

Что предоставить

Произвольный текстовый источникСтатья, заметки, тема или бриф — полный ввод сохраняется без изменений в capture/extracted/visible-text.txt.
Опциональный сценарий пользователяЕсли пользователь вставил сценарий или хочет сохранить свою формулировку, сохраните его без изменений в user_script.txt. VO_MODE (буквальный или переработанный) берётся из BRIEF.md.
Опциональные цвета бренда или шрифтыОставьте поля colors и fonts в tokens.json пустыми, если пользователь явно не указал цвета или шрифты бренда.
Необязательное предпочтение по голосуЕсли в запросе указан голос, пол или тон, выберите подходящий voice id и передайте --voice <id>.
Необязательное реальное изображениеЕсли пользователь предоставил реальное изображение, поместите его в public/<basename> и отметьте это для Step 3.

03 Внутри скилла

Правила, которые Skill faceless-explainer даёт Claude Code и Codex

7 конкретных инструкций, значений по умолчанию и ограничений, которые SKILL.md задаёт агенту, — та часть файла, которая меняет результат.

Начальное правило обработки брифа
Если BRIEF.md существует, прочитайте его и ничего не спрашивайте — бриф уже согласован.
Отсутствие шага захвата для faceless-видео
Не запускайте npx hyperframes capture — URL отсутствует. Не создавайте asset-descriptions.md и не заполняйте capture/assets/. Визуальные элементы faceless-видео придумываются на Step 4-5, а не захватываются.
Выполняйте шаги по порядку с проверочными точками
Пройдите Step 0 настройка, Step 1 бриф, Step 2 дизайн-система, Step 3 storyboard, Step 3.1 аудио, Step 4 визуальный дизайн, Step 5 кадры, Step 6 финализация.
По умолчанию оставляйте Asset_candidates пустым
В faceless-видео кадры не содержат инвентарь ассетов. Оставляйте asset_candidates пустым, если только пользователь не предоставил реальное изображение public/<basename>.
Ищите в каталоге, прежде чем придумывать образы
Для каждого названного в брифе образа, эффекта или перехода выполните npx hyperframes catalog --query на обычном английском языке, прежде чем вносить его в STORYBOARD.md.
Полноэкранные фоны на слое clip
Основа кадра (цветовое поле, градиент, сетка) — это отдельный фоновый клип на всю длительность с class="clip".
Синхронизация длительности — механическая операция
Реальная длительность голоса имеет приоритет; беззвучные кадры сохраняют оценки. Запустите audio.mjs sync-durations после завершения Step 3.1. Никогда не редактируйте синхронизированные длительности вручную.

04 Применение

Установить faceless-explainer в Claude Code или Codex

Одна команда npx skills add, затем первая задача в вашем агенте и чек-лист для результата.

Добавить faceless-explainer в Claude Code, Codex или ваш агент

Запустите в своём проекте; установщик спросит, какому агенту его добавить.

Terminal

npx skills add https://github.com/heygen-com/hyperframes --skill faceless-explainer

Стандартная форма CLI skills для skills/faceless-explainer/SKILL.md; репозиторий может указывать собственный путь.

Дайте skill первую задачу по motion и видео

Написано в терминах самого skill; замените части в квадратных скобках своим материалом.

Starter prompt

Turn this article about compound interest into a 60-second explainer video for young adults. Use clean modern graphics with invented diagrams showing how money grows over time. Keep the tone approachable and use a female voice for narration. Format: [landscape/portrait/square]. Destination: [Instagram/YouTube/LinkedIn].

Источник: составлено по SKILL.md в терминах самого skill.

Проверьте первый результат

Что сам SKILL.md считает правильным результатом:

Запустите npx hyperframes lint, чтобы проверить структуру
Запустите npx hyperframes check, чтобы выявить переполнение текста и проблемы с раскладкой
Запустите npx hyperframes snapshot в середине кадров, чтобы создать контактный лист, и просмотрите его на явные ошибки
Игнорируйте text_box_overflow на 1-4px в словах субтитров (#caption-word-*, .caption-line) — ожидаемое ложное срабатывание из-за плотной line-height
Реагируйте на text_box_overflow только когда он относится к элементу кадра (#el-NN-*), а не к слову субтитра
Запустите transitions.mjs inject и verify перед финальным рендером, чтобы проверить тайминг переходов

В OpenDesign импортируйте faceless-explainer по ссылке SKILL.md: Plugins → Add → Skill → Import from link, затем выберите его на верхней панели.

Скачать OpenDesign Читать quickstart

05 Открытый исходный код, проверяемость

Источник, лицензия и проверка

Откуда взяты факты на этой странице и когда они были последний раз проверены.

Author: HeyGen
Repository: github.com/heygen-com/hyperframes Ветка main
Файл skill: skills/faceless-explainer/SKILL.md Контрольная сумма содержимого записана при проверке; коммит 558c11b
License: Apache-2.0 Из LICENSE.
Звёзды репозитория: 49 761 Снимок GitHub сделан 14.09.2026 для всего репозитория heygen-com/hyperframes, который содержит 9 навыков в этом каталоге. Не является рейтингом или счётчиком использования для faceless-explainer.
Проверено OpenDesign: 2026-09-14 Исходный файл, путь, текст лицензии и количество звезд были проверены. Не входит в основной комплект OpenDesign (проверено 2026-08-28); живой запуск не был записан на этой странице.

Внутри SKILL.md

Шаг 0: НастройкаПодтвердите бриф, инициализируйте проект, напишите BRIEF.md, зафиксируйте предпочтения, покажите статус входа
Шаг 1: Бриф (без захвата)Сохраните ввод как visible-text.txt, создайте синтетический tokens.json, без захвата сайта или ассетов
Шаг 2: Дизайн-системаВыберите готовый пресет фрейма, запустите build-frame.mjs, чтобы переработать токены бренда на основе пресета
Шаг 3: Сториборд и сценарийНапишите покадровый обучающий план с нарративным дизайном, представьте как предложение, повторяйте цикл до утверждения
Шаг 3.1: АудиоСгенерируйте озвучку с помощью TTS, тайминги слов, фоновую музыку из библиотеки HeyGen, метаданные аудио
Шаг 4: Визуальный дизайн фреймаДобавьте покадровые последовательности кадров с таймкодами, придуманные фокусы/роли, компоновку и движение прямо в каждой сцене
Шаг 5: Сборка фреймовСинхронизируйте длительности, соберите пакеты, распределите под-агентов по фреймам, собирайте индекс, создавайте субтитры
Шаг 6: ФинализацияВнедрите переходы, запустите lint/check/snapshot, приостановитесь для проверки, отрендерите финальный MP4
Краткая справкаФорматы, отличия faceless от рабочего процесса с захваченными ассетами, фоновые скрипты, справочная таблица

Собственное описание skill

«Превращает произвольный текст — статью, заметки, тему, бриф — в безликое объяснительное видео: нет сайта или кадров для захвата, поэтому визуальный ряд создаётся для каждой сцены (типографика, абстрактная графика, диаграммы, визуализация данных). Используйте для тематических объяснений, разборов концепций, инструкций, списковых статей. Не видео, созданное из сайта (/product-launch-video — промо или тур). Неясно → /hyperframes.»

Описание из front-matter файла SKILL.md. Полный файл содержит около 29 476 символов. Читать полный файл на GitHub.

06 Перед установкой

Вопросы о skill faceless-explainer

Ответы взяты из SKILL.md в редакции от 2026-09-14, а не из записанного запуска.

Работает ли это в совместном и автономном режимах?

Да. В совместном режиме контрольные точки подтверждения пользователя проходят на шагах 0, 3 и 6, с проверкой эскизов на шаге 4. В автономном режиме та же сводка публикуется как уведомление, а эскизы сворачиваются в процесс сборки, с одним вопросом предпросмотра на шаге 6.

Что если у меня нет аккаунта HeyGen для голоса или музыки?

Шаг 0 показывает статус входа перед продолжением. Если вы не вошли, аудио автоматически переключается на локальные движки (Kokoro для TTS). Вы можете выбрать совместный режим, чтобы дождаться входа, или автономный — чтобы продолжить с доступными локальными движками.

Какие видеоформаты поддерживает результат?

Ландшафтный 1920x1080, портретный 1080x1920 или квадратный 1080x1080. Формат определяется назначением в BRIEF.md и задаётся один раз во фронтматтере сториборда.

Faceless Explainer

Запустите faceless-explainer на реальной задаче Motion and Video.

Скачайте OpenDesign, импортируйте faceless-explainer по ссылке на его SKILL.md, вставьте промпт выше и прочитайте план перед результатом.

Загрузить OpenDesign Все навыки

Терминал

npx skills add https://github.com/heygen-com/hyperframes --skill faceless-explainer