Клод для моушн-графики: паттерны запросов, создающие анимированные HTML-визуалы для записи в видео

Пользователь Reddit на r/ClaudeAI использует Claude для создания анимированной графики и диаграмм напрямую — не промптов для других инструментов, а чтобы Claude сам строил визуализации как HTML-виджеты, а затем захватывал их в MP4 с помощью Playwright + ffmpeg. Они делятся шаблоном промпта, который стабильно работает: опишите историю с точкой разрыва.

Что работает

Ключ в том, чтобы дать пользователю что-то сломать. Примеры, которые дали хороший результат:

• Покажи пять стаканов, наполняющихся риском. Последний переполняется и разбивается.
• Покажи резинку, которая растягивается с каждым кликом, пока не лопнет.

Пользователь сообщает, что указание Claude позволить пользователю что-то сломать делает результат действительно интересным.

Что они ищут

Пользователь специально просит сообщество предложить промпты, которые создают:

• Анимированные диаграммы или визуализации данных, которые действительно движутся
• Интерактивные объяснения, где пользователь что-то контролирует
• Всё, что было успешно захвачено как видео из вывода Claude
• Структуры промптов, которые стабильно дают хорошие визуализации с первого раза, а не с пятого

В оригинальном посте не было дополнительных конкретных промптов от сообщества — ветка еще собирает ответы.

Практический вывод

Если вы создаете анимированные HTML-виджеты с Claude для последующего захвата в видео, стройте свой промпт вокруг повествования с дугой напряжения и разрядки. Точка разрыва вызывает визуальное изменение (переполнение, разрыв, разрушение), которое делает анимацию захватывающей. Комбинируйте с Playwright для скриншотов/записи и ffmpeg для кодирования в MP4.