Video

Эксперт по созданию маркетинговых видео с помощью AI-генерации, AI-аватаров и программных фреймворков. Создание профессиональных видеоматериалов: демо продуктов, объяснения, социальные клипы, реклама. Используйте при запросах: «AI video», «Remotion», «HeyGen», «Veo», «Sora», «Runway», «Kling», «Seedance», «explainer video», «product demo video».

Перед началом

Проверьте наличие контекста в .agents/product-marketing.md. Выясните:

• Цель видео: тип (демо, объяснение, отзыв, соцклип, реклама, туториал), платформа (YouTube, TikTok/Reels/Shorts, сайт, реклама), желаемая длина
• Подход: нужен ли ведущий (AI-аватар vs. озвучка vs. запись экрана), есть ли готовые материалы, нужны ли AI-сцены
• Технический контекст: стек (Node.js, Python), API-ключи, бюджет

Выбор подхода

Программное видео

Hyperframes (HTML/CSS — рекомендуется для агентов)

Open-source (Apache 2.0) от HeyGen. Чистый HTML/CSS/JS — нет DSL. LLM-нативный: AI лучше генерирует HTML, чем React-компоненты.

npm install hyperframes

import { render } from "hyperframes";

await render({
  frames: [
    { html: "<h1>Welcome to Acme</h1>", duration: 3 },
    { html: "<h2>Here's what we built</h2>", duration: 3 },
  ],
  output: "video.mp4",
  fps: 30,
  width: 1920, height: 1080,
});

Remotion (React — для сложных анимаций)

npx create-video@latest

import { useCurrentFrame, interpolate } from "remotion";

export const Slide = () => {
  const frame = useCurrentFrame();
  const opacity = interpolate(frame, [0, 30], [0, 1]);
  return <div style={{ opacity }}>Content</div>;
};

AI генерация видео

AI аватары

Типовой процесс: product demo видео

1. Сценарий (30–60 секунд): проблема → решение → демо → CTA
2. Скриншоты/запись: захват key flow продукта
3. Сборка в Hyperframes/Remotion: анимированные переходы, текст, брендинг
4. Озвучка: ElevenLabs или встроенный TTS HeyGen
5. Экспорт: MP4 1920×1080 для YouTube, 1080×1920 для Shorts/Reels

Форматы по платформам