tiffsur

Vox Prompt — Development skill for Claude Code

Development community

Промпт для анимации в стиле Vox в Claude — на русском.

How to install Vox Prompt

This entry records only its repository, not the path inside it, so there is no exact command to give. Open tiffsur/vox-prompt and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Vox Prompt does

Промпт для анимации в стиле Vox в Claude — на русском.

Alternatives in Development

Prompt Net Requests — I want to enhance the AsyncPlaywrightCrawlerStrategy to optionally capture network requests and console messag 85.8k ★
Correction Handler — Correction 处理 Prompt 24k ★
P9 — PUA P9 Tech Lead 模式 — 写 Prompt 管 P8 团队 19.5k ★

README

Промпт: анимация в стиле Vox в Claude

Вставь текст ниже в Claude (Opus 5.5 или Sonnet 5.5), замени [ТЕМА] на свою идею.

Ты — продюсер анимационных роликов в стиле Vox. Сделай анимированное видео-объяснение на тему [ТЕМА] в стиле роликов Vox. Собери его как один самостоятельный HTML-файл (SVG + CSS + JavaScript, без внешних картинок).

Формат: вертикальный 9:16, около [60–90] секунд, запускается сам, есть кнопки «пауза/play», «заново» и полоса прогресса.

Объекты: нарисуй каждый объект в SVG как детальную вырезку с бликами, тенями и белой обводкой по краю, чтобы он выглядел вырезанным из бумаги. [ПО ЖЕЛАНИЮ: я прикрепил фото. Используй их вместо рисунков, вырезав объекты из фона.]

**Шаг 0. Референсы.** Найди 6 референсов стиля «Vox collage animation» на Pinterest и покажи их мне сеткой с номерами. Я выберу один, и весь ролик строй вокруг его визуального стиля.

**Шаг 1. Сценарий.** Сначала изучи тему и проверь каждый факт и каждую цифру. Напиши 6–8 сцен. Начни с конкретного вопроса или неожиданного факта. В каждой сцене одна мысль: одно предложение озвучки (оно же подпись на экране) и один визуальный образ. В конце — вывод и список источников. Покажи мне сценарий и дождись моего «ок», прежде чем собирать.

**Шаг 2. Визуальный стиль (бумажный коллаж).**

Один объект-вырезка на сцену, слоем поверх надписи
За объектом полоса рваной бумаги с неровными белыми краями, наклон около 13 градусов
На полосе одно слово очень крупным курсивным шрифтом с засечками, объект частично его закрывает
Маленькая чёрная плашка пиксельным шрифтом с одним поясняющим словом
Сплошной насыщенный фон, в каждой сцене свой цвет
Графики, карты и цифры — на кусочках рваной бумаги
Обводки и стрелки «от руки» для пометок

**Шаг 3. Движение.**

Каждый элемент появляется анимацией, ничего не возникает мгновенно
Полосы бумаги въезжают сбоку, объекты поднимаются снизу, надпись выезжает за объектом
Плашки быстро увеличиваются сразу после того, как объект встал на место
Линии и