claude-typer — скилл для Claude Code: видео с печатью промпта
Скилл превращает текст промпта в ролик, где строка печатается сама в окне в стиле Claude, и отдаёт путь к готовому .mov в текущей папке.
npx skills add vibe-motion/skills --skill claude-typer -a claude-codeЧто делает claude-typer
Скилл берёт текст, который должен «напечататься», и запускает скрипт scripts/render_claude_typer.py через /usr/local/bin/python3. Скрипт обращается к удалённой композиции Typer30fps на www.laosunwendao.com и рендерит ролик силами Remotion CLI. На выходе — путь к файлу в рабочем каталоге, имя собирается из промпта: служебные просьбы в начале отбрасываются, недопустимые для файловой системы символы вырезаются.
Штатный рендер — прозрачный MOV: 30 кадров в секунду, кодек prores с профилем 4444, пиксельный формат yuva444p10le, --scale 2. Размер кадра и ширину окна с текстом задают аргументами --video-width, --video-height, --claude-width. Локальный Chrome или Chromium находится автоматически и подставляется через --browser-executable, параллельность держится на --concurrency 1, таймаут — 300000, а флаги, которых скрипт не знает, уходят прямо в remotion render.
Раннер по умолчанию — bunx @remotion/cli, при его отсутствии срабатывает запасной вызов npx с закреплёнными версиями, то есть нужен Node.js и доступ к npm. Без сети до www.laosunwendao.com рендерить не из чего: композиция живёт на этом сайте. Если ловит таймаут delayRender(), помогает увеличенный --timeout-ms при --concurrency=1.
Какие задачи решает
- сделать ролик, где промпт печатается в окне Claude
- отрендерить MOV с прозрачным фоном для монтажа
- подогнать размер кадра и ширину окна под нужное соотношение
- запустить рендер на машине без установленного глобально Remotion
- переименовать выходной файл по тексту промпта
Примеры запросов агенту
- Сделай видео, где мой промпт печатается в окне Claude:
Собери отчёт по кварталу за пять минут. - Отрендери тот же текст квадратом 1080×1080, окно с текстом шириной 880.
- Перерендери с кодеком
proresи профилем4444, таймаут подними до 600000.
Как установить claude-typer
1Через Skills CLI (Vercel)
npx skills add vibe-motion/skills --skill claude-typer -a claude-code2Вручную: положить файлы
~/.claude/skills/claude-typer/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/claude-typer/
1Через Skills CLI (Vercel)
npx skills add vibe-motion/skills --skill claude-typer -a codex2Вручную: положить файлы
.agents/skills/claude-typer/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add vibe-motion/skills --skill claude-typer -a cursor2Вручную: положить файлы
.cursor/skills/claude-typer/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install vibe-motion/skills claude-typer2Вручную: положить файлы
.github/skills/claude-typer/SKILL.md1Через Skills CLI (Vercel)
npx skills add vibe-motion/skills --skill claude-typer -a gemini-cli2Командой платформы
gemini skills install https://github.com/vibe-motion/skills --path claude-typerВручную: положить файлы
.devin/skills/claude-typer/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add vibe-motion/skills --skill claude-typer -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о claude-typer
Как установить claude-typer в Claude Code?
Выполните npx skills add vibe-motion/skills --skill claude-typer -a claude-code. После этого скилл лежит в ~/.claude/skills/claude-typer/SKILL.md и подхватывается агентом.
Что делает claude-typer?
Берёт текст промпта и рендерит видео с анимацией его набора в стиле Claude, вызывая Remotion CLI против удалённой композиции на www.laosunwendao.com. Возвращает путь к .mov в текущей папке.
Что нужно, чтобы рендер прошёл?
/usr/local/bin/python3 для скрипта, Node.js с доступом к npm для раннера и сеть до www.laosunwendao.com. Chrome или Chromium скрипт находит сам.
