Когда собрал приложение с помощью ИИ, хочется быстро показать, что получилось. Для сообщения в чат обычно хватает ссылки, а для поста или анонса нужен материал, по которому человек сразу поймёт, зачем открывать проект.
Для этой задачи есть Brag. Вы запускаете навык внутри проекта, агент изучает его файлы и готовит короткое видео: выбирает сюжет, собирает сцены, добавляет движение и звук. Обычная длительность по инструкции автора составляет 15–25 секунд.
Что можно получить на выходе
Вот демонстрация от автора: ролик о самом Brag, сделанный с помощью этого навыка. Видео загружается с официальной страницы проекта; включите звук в плеере, если хотите услышать музыкальное оформление.
Представим, что вы сделали сервис для подготовки коммерческих предложений. В ролике можно показать, как человек вводит данные клиента, выбирает вариант оформления и получает готовый документ. Такой сюжет помогает объяснить продукт через действие, а детали агент берёт из вашего проекта.
У Brag как раз есть правило искать путь пользователя: что он делает в начале, какое действие выполняет и что получает. Для сайта без приложения можно взять самый выразительный элемент страницы, например карточку продукта или главный экран. Этот подход описан в инструкции по изучению проекта.
Как агент собирает ролик
Работа начинается с файлов, которые уже есть у агента. Brag предлагает прочитать страницы, компоненты, README и стили, найти название продукта, его функции, цвета, шрифты и изображения. Публиковать сайт перед этим необязательно.
Дальше процесс проходит через четыре этапа:
Brag задаёт содержание ролика, а Hyperframes обеспечивает сборку и рендеринг. Поэтому для работы устанавливаются обе части. Их роли разделены в инструкции по созданию композиции.
Экранные действия могут быть воссозданы и анимированы по исходникам: курсор нажимает кнопку, появляется карточка результата, заполняется индикатор. Это постановочная демонстрация интерфейса, поэтому готовый ролик стоит сравнить с тем, что приложение действительно умеет. Такой способ показа прямо предусмотрен в правилах раскадровки.
Как задать стиль и формат
После установки в чате агента достаточно написать /brag. По умолчанию навык ориентируется на горизонтальный ролик, но можно выбрать вертикальный или квадратный формат.
Например, запрос для спокойного вертикального анонса:
/brag –tone polished –format vertical. Сделай ролик о текущем проекте с русскими надписями. Покажи главное действие пользователя и результат, используй цвета и шрифты приложения.
В наборе семь направлений, от сдержанного polished до энергичного chaotic и кинематографичного cinematic. Настроение можно описать своими словами: например, «спокойная демонстрация инструмента для руководителей». Это команды и пожелания для агента в чате. Параметры Brag.
Музыка и звуковые эффекты включены по умолчанию. Их можно отключить параметрами --no-music и --no-sfx. Голос включается только по отдельной просьбе, например /brag –voice, и создаётся локально через Kokoro.
Для русского ролика проще начать с надписей и музыки: в штатной озвучке Kokoro русский сейчас отсутствует. При русских титрах попросите агента проверить кириллицу, переносы и время на чтение каждой фразы. Документация озвучки.
Какие файлы останутся у вас
После завершения работы вы получаете готовый ролик и материалы, из которых он собран. Их можно использовать для следующей версии, например поменять одну сцену или текст в финале.
По умолчанию результат попадает в папку brag-output внутри проекта. Если она уже занята, навык предусматривает новый каталог с датой и временем. Публикация в соцсетях остаётся за вами. Файлы и проверка результата.
Что потребуется для установки
Агенту нужны Node.js версии 22 или новее, FFmpeg и Hyperframes. Для локального создания и рендеринга отдельный аккаунт HeyGen и API-ключ не требуются; использование самого Claude Code, Codex или другой модели оплачивается по условиям их сервиса. Требования Brag, локальная работа Hyperframes.
Код Brag опубликован под MIT. У встроенной музыки свои условия использования, поэтому перед публикацией ролика стоит сохранить сведения о выбранном треке, авторе и лицензии. Это отдельно отмечено в описании музыкальных файлов.
Инструкция для агента по установке
- Прочитай актуальные README, skills/brag/SKILL.md и связанные инструкции. Определи среду агента и каталог проекта. Сохрани существующие навыки и пользовательские правки.
- В Claude Code используй штатный плагин: сначала
/plugin marketplace add latent-spaces/brag, затем/plugin install brag@brag. В Codex и других поддерживаемых агентах используйnpx skills add https://github.com/latent-spaces/brag --skill brag, выбрав нужного агента. По умолчанию устанавливай в текущий проект; глобальную установку выбирай по просьбе пользователя. При ручном копировании переноси всю папку skills/brag с references, assets и scripts. - Проверь Node.js 22+, наличие FFmpeg и FFprobe. Установи недостающие компоненты доступным для системы способом. Запусти
npx hyperframes doctorи разбери результаты: отсутствие ошибки запуска ещё не означает, что все проверки пройдены. - Отдельно установи необходимые навыки Hyperframes по актуальной инструкции. Для установки в проект используй
npx skills add heygen-com/hyperframes --full-depth: выбери Core Skills, нужного агента и проектную область. Если пользователь выбрал глобальную установку, используйnpx hyperframes skills update; она также обновляет уже установленные навыки Hyperframes. Проверь наличие hyperframes-core, hyperframes-animation, hyperframes-creative, hyperframes-keyframes и hyperframes-cli. Перечитай установленные инструкции; если нужен новый сеанс, сообщи об этом. - Покажи, где установлен Brag, какие проверки окружения пройдены и что осталось настроить. Для первого ролика уточни проект, формат и язык надписей. Голос по умолчанию оставь выключенным; русскую озвучку не обещай как штатную возможность.
- Когда пользователь попросит создать видео, работай по этапам Brag: изучи проект, подготовь план и задание, собери композицию, выполни
npx hyperframes checkи исправь ошибки. Покажи предпросмотр перед финальным рендером, если пользователь сразу не поручил сделать готовый ролик. Используй явный абсолютный путь внутри выбранного проекта и сохраняй предыдущие результаты. - Проверь получившийся MP4, обложку, читаемость надписей и звук. Покажи пути к файлам и текст для публикации. Реальные персональные данные замени демонстрационными; используй подтверждённые возможности продукта и музыку с проверенными условиями. Самостоятельно в соцсети ролик не отправляй.
Для агента есть текстовая версия всей статьи.
Первая задача после установки может звучать так: «Сделай через /brag вертикальный ролик на 20 секунд о моём приложении. Покажи, как пользователь решает главную задачу. Надписи на русском, стиль спокойный, без голоса. Сначала покажи план сцен».
Для сценариев длинных роликов и разбора YouTube-канала есть отдельный набор: YouTube Agent Skill – 11 навыков с инструкцией для агента.
Для работы прямо в браузере собрал 10 ИИ-сервисов с бесплатными возможностями и проверкой доступа из России: приложения, презентации, схемы, 3D и агенты.