Неофициальный гид. Не связан с Meta.

Обновлено:

Видео Opus 5.5: вирусные промпты и как сделать своё

С момента выхода Claude Opus 5.5 люди публикуют ролики с моушн-графикой, объясняющие видео, 3D-сцены и даже небольшие игры, которые модель сделала по одному промпту. Только в списке awesome-opus5-5-videos собрано работ: 475. Ниже — промпты самых известных из них и шаги, чтобы сделать своё.

Как это работает, в одной строке: вы даёте Opus 5.5 промпт, модель пишет веб-страницу (canvas, SVG, GSAP или Three.js), которая проигрывает анимацию, а вы записываете экран или рендерите её в MP4. Это код, а не видеомодель вроде Sora, поэтому она так хороша в моушн-графике, типографике, схемах и 3D и не создаёт живую съёмку.

Промпт, с которого всё началось

Большая часть первой волны использовала один и тот же однострочный промпт. Записей в списке с этим промптом или почти точной его копией: 58.

make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are, like it's your showreel for a résumé. go all out.

Популярные варианты заменяют тему на ваш собственный продукт или сайт, добавляют длительность (10, 15 или 40 секунд) или формат, например 1080×1080 для соцсетей.

Примеры по типам, с промптами

Реальные промпты из списка в том виде, в каком их опубликовали авторы. Откройте пост, чтобы посмотреть видео.

Моушн-графика

В списке: 288. Шоурилы, промо продуктов, кинетическая типографика.

make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are, like it's your showreel for a résumé. go all out.

автор @ajith_io · Canvas · Смотреть видео

Make a dynamic 15-second motion graphics video that shows why [your product] is the best at [what it does], like a showreel. Go all out: 1080×1080, 1s hook, loop.

автор @Ishaaqahamed · Canvas · Смотреть видео

4 seasons passing outside a train window, a cozy carriage, a cup of coffee on the table, Grand Budapest Hotel style

автор @itsolelehmann · Canvas · Смотреть видео

create a motion design video of a poster breaking out of its own frame.

автор @pankajkumar_dev · Canvas · Смотреть видео

Объясняющие видео

В списке: 62. Концепции, история, как всё устроено.

A video explaining recursion, where every explanation about recursion has a radically different video style, make this self-referential & clever & fast moving.

автор @emollick · Canvas · Смотреть видео

make a video highlighting key moments in the history of AI.

автор @kloss_xyz · Canvas, SVG, CSS · Смотреть видео

请用Manim给我制作一个导数概念学习的视频,要求通俗易懂,并且有例子,引人思考。配音使用edge-tts

автор @LinearUncle · SVG, audio · Смотреть видео

3D-сцены

В списке: 55. Three.js и шейдеры.

Make a 2-minute sand animation that tells the story of 250 years of U.S. history. Keep it lively, engaging, and tasteful. Add appropriate background music and sound design.

автор @Michaelzsguo · Shader, Canvas · Смотреть видео

Show me what goes on inside an AI data centre.

автор @mdaman010 · Three.js, Shader, SVG · Смотреть видео

Игры и интерактив

В списке: 70. Играются прямо в браузере.

can you make a 3d game where you walk around and spot cats inside of a van gogh painting? we can start with stary night and its town

автор @MandelDuck · Three.js, Shader · Смотреть видео

Create a 1-on-1 card game like Hearthstone. Just make it. As best you can. In pixel art style.

автор @aisongman · Canvas, pixel art · Смотреть видео

Источник: awesome-opus5-5-videos на GitHub

Сделайте своё за 3 шага

  1. Откройте Claude (приложение или claude.ai) на платном тарифе и выберите Opus 5.5 или запустите Claude Code с Opus 5.5.
  2. Вставьте один из промптов выше и добавьте: «Сделайте это одним самодостаточным HTML-файлом».
  3. Откройте результат в браузере и запишите экран. Чтобы получить чистый MP4-файл, используйте один из способов ниже.

Как делается «видео Opus 5.5»

  1. Раскадровка: Opus 5.5 пишет список планов с таймингом каждой сцены.
  2. Код: модель пишет по одному рендереру на сцену, где каждый кадр — чистая функция от времени t.
  3. Кадры: headless Chrome шаг за шагом проходит по t и сохраняет по одному изображению на кадр.
  4. Кодирование: ffmpeg склеивает кадры в MP4 H.264 и вторым проходом может добавить озвучку и субтитры.

Источник: OrcaRouter: что на самом деле выдаёт «спланируй видео»

Как получить настоящий MP4-файл

Для быстрого поста хватит записи экрана. Для чистого MP4 с точностью до кадра и фиксированной частотой кадров лучше отрендерить анимацию. Три способа:

Способ 1: ClaudeAnimationBase в Claude Code (самый простой)

ClaudeAnimationBase — стартовый набор с открытым исходным кодом (MIT) от John Heibel: p5.js с p5.brush, персонаж Clawd с 31 сыгранными эмоциями и руководство, которое объясняет модели, как анимировать. Автор сделал все тестовые видео на Opus 5.5 с уровнем effort xhigh в Claude Code.

  1. Установите Node.js, Google Chrome, ffmpeg, а также Claude Code с платным тарифом Claude или API-ключом.
  2. Клонируйте набор, установите его и запустите Claude Code в этой папке:
    git clone https://github.com/JohnHeibel/ClaudeAnimationBase.git
    cd ClaudeAnimationBase
    npm install
    claude            # start Claude Code, pick Opus 5.5 with /model
  3. Дайте Opus 5.5 первый промпт из README:
    Read ANIMATION_GUIDE.md, then make a 15-second video of Clawd trying to catch a butterfly.
  4. Opus 5.5 напишет раскадровку, затем код сцен. Когда модель закончит, отрендерите клип:
    node render.mjs --clip --out=out/video.mp4
  5. Откройте out/video.mp4 или откройте studio.html в Chrome, чтобы прокрутить ролик. Просите правки обычными словами («замедли прыжок», «сделай небо розовым») и рендерите заново.

Без дискретной видеокарты рендер занимает несколько секунд на кадр. В README советуют не использовать акварельные заливки на встроенной графике.

Источник: ClaudeAnimationBase на GitHub

Способ 2: один HTML-файл и скрипт рендера (любой стиль)

Для моушн-графики, титров или анимации данных набор не нужен. Попросите Opus 5.5 написать один HTML-файл по простому контракту, а затем отрендерите его скриптом ниже.

Напишите один самодостаточный HTML-файл 1920x1080, который рисует 10-секундную анимацию на <canvas>.
Задайте window.DURATION = 10 и определите async window.seek(t), которая рисует кадр для момента t в секундах.
Каждый пиксель должен зависеть только от t: никаких Date.now(), циклов requestAnimationFrame,
CSS-переходов и Math.random() без сида.
Сцена: [опишите здесь сцену, палитру и стиль движения]

Сохраните файл как scene.html рядом с этим скриптом и запустите:

// capture.mjs: node capture.mjs scene.html 30
import { chromium } from 'playwright';
import { mkdirSync } from 'node:fs';
import { resolve } from 'node:path';
import { pathToFileURL } from 'node:url';
import { execFileSync } from 'node:child_process';

const [file, fpsArg = '30'] = process.argv.slice(2);
const fps = Number(fpsArg);
mkdirSync('frames', { recursive: true });
const browser = await chromium.launch();
const page = await browser.newPage({ viewport: { width: 1920, height: 1080 } });
await page.goto(pathToFileURL(resolve(file)).href);
const total = Math.round((await page.evaluate(() => window.DURATION)) * fps);
for (let i = 0; i < total; i++) {
  await page.evaluate((t) => window.seek(t), i / fps);
  await page.screenshot({ path: `frames/${String(i).padStart(5, '0')}.png` });
}
await browser.close();
execFileSync('ffmpeg', ['-y', '-framerate', String(fps), '-i', 'frames/%05d.png',
  '-c:v', 'libx264', '-pix_fmt', 'yuv420p', 'out.mp4'], { stdio: 'inherit' });
npm init -y
npm install playwright
npx playwright install chromium
node capture.mjs scene.html 30   # writes out.mp4

Мы запускали этот скрипт с Playwright 1.56 и ffmpeg 6 на тестовой сцене: он сохраняет по одному PNG на кадр в frames/, а затем создаёт out.mp4.

Источник: Hugging Face: детерминированный пайплайн рендера для видео Opus 5.5

Способ 3: Remotion или HyperFrames для длинных видео

Remotion · HyperFrames

Источник: Apiyi: как делать видео кодом с Opus 5.5

Ещё шаблоны промптов

Каждый промпт сначала просит раскадровку — именно этот шаг сильнее всего влияет на результат.

Промо продукта (15 с)

Сначала напишите раскадровку 15-секундного промо для [продукт]: 4 сцены, жирная типографика, один акцентный цвет, быстрые склейки. Дождитесь моего OK, затем сделайте его одним HTML-файлом с canvas, window.DURATION и window.seek(t).

Объясняющее видео с субтитрами (30 с)

Сделайте 30-секундное объясняющее видео о [тема] из 5 сцен. Используйте простые плоские иконки на SVG, построчные субтитры внизу и спокойный темп. Сначала раскадровка, потом код.

Анимация данных

Анимируйте эти данные как 20-секундную гонку столбцов (bar chart race): [вставьте CSV]. Пересортировывайте столбцы в каждом кадре, показывайте год в углу и сглаживайте каждое изменение. Каждый кадр должен зависеть только от t.

Короткий мультфильм (ClaudeAnimationBase, оригинальный текст)

Read ANIMATION_GUIDE.md, then make a 15-second video of Clawd trying to catch a butterfly.

Советы, которые экономят время и токены

Что Opus 5.5 может и чего не может в видео

МожетНе может
Написать раскадровку и код анимации для каждой сценыСамостоятельно выдать MP4 или любой другой видеофайл
Читать статичные изображения, а значит, проверять отрендеренные кадры и контактные листыПринять видеофайл на вход или посмотреть референсный клип
Рисовать кодом моушн-графику, объясняющие ролики, графики, титры и 2D-мультфильмыСоздавать фотореалистичную съёмку, как Sora или Veo
Написать тайминг субтитров и текст для озвучкиСгенерировать голос или музыку: для этого нужен отдельный TTS- или аудиоинструмент

Источник: Обзор модели Claude Opus 5.5 (Anthropic)

Цена: сколько это стоит

Цена и характеристики Opus 5.5 Сравнить стоимость в калькуляторе

Примеры и что почитать

Эти видео вместе с промптами собраны в двух местах. Это список awesome-opus5-5-videos на GitHub (всего: 475; удобно просматривать на skillry.dev) и Claude Video (claudevideo.org): там проиндексировано 1 235, и для 457 из них приведён полный промпт автора. Оба проекта не связаны с Anthropic.

Источник: skillry.dev

Источник: Галерея Claude Video

Источник: explainx: как делают вирусные мультфильмы Opus 5.5

Частые вопросы

Какой промпт использовали для вирусных видео Opus 5.5?

Большинство использовали одну строку: «make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are, like it's your showreel for a résumé. go all out.» Многие затем подставляли свой продукт, сайт или тему.

Может ли Claude Opus 5.5 генерировать видео?

Не напрямую. Модель выдаёт только текст. Видео, которые вы видите, получаются так: Opus 5.5 пишет код анимации, браузер рендерит его кадр за кадром, а ffmpeg кодирует результат в MP4.

Может ли Opus 5.5 смотреть или анализировать видео?

Нет. Модель принимает текст и изображения. Вместо видео можно экспортировать из него кадры или контактный лист и передать их.

Нужен ли Claude Code, чтобы делать видео с Opus 5.5?

Это самый простой путь: Opus 5.5 может сама писать файлы, запускать рендер и смотреть на кадры. Можно также использовать API или приложения Claude и запускать скрипт рендера самостоятельно.

Делать видео с Opus 5.5 бесплатно?

Инструменты (ClaudeAnimationBase, Playwright, ffmpeg) бесплатны. Opus 5.5 нет на бесплатном тарифе Claude, поэтому нужен платный тариф или кредиты API.

Какой стиль получается лучше всего?

Моушн-графика, объясняющие ролики, графики и плоские 2D-мультфильмы. Всё, что рисуется фигурами и текстом, получается хорошо; фотореалистичная съёмка — нет.

Независимое руководство. Не связано с Anthropic. Цены — прейскурантные цены Anthropic в долларах США.