Гайд
6 скиллов анимации для Claude: скачать архив и поставить за пару минут
Коротко
Скачайте архив, скопируйте шесть папок в ~/.claude/skills/ и напишите в Claude Code скилл со своей строкой, например /graph Население Земли, 1800 → 2025. Каждый скилл сам напишет короткую вертикальную анимацию (1080×1920, 4,5 секунды) кодом и отрендерит её на вашем компьютере.
Как поставить
- Скачайте архив claude-animation-skills.zip (2 МБ) и распакуйте его.
- Скопируйте шесть папок скиллов в
~/.claude/skills/, чтобы у каждой получилось~/.claude/skills/<название>/SKILL.md. Claude Code подхватит их при следующем запуске. - Нужны Node.js 22 или новее и ffmpeg. На macOS:
brew install node ffmpeg. Скиллы запускают HyperFrames черезnpx, больше ничего ставить не нужно. - В приложении Claude (вкладка Code) или в Claude Code напишите скилл вместе со своей строкой. Примеры ниже.
Шесть скиллов и по одной команде
/voxel-skit Поправь один мелкий баг
Воксельный 3D-мультик: разработчик и Claude разыгрывают шутку.
/minimal-line Никто не видит первый день
Чёрно-белая линия и одна движущаяся точка.
/stick-figure Почему космонавты вырастают в космосе?
Человечек разыгрывает историю.
/exploded-view Мой MacBook, каждая деталь подписана
Взрыв-схема с подписями деталей.
/map-route Из дома в коворкинг, 2,4 км
3D-город, маршрут рисуется сам.
/graph Население Земли, 1800 → 2025
Плавный график и одно растущее число.
Что важно знать
- Платные видеомодели не нужны: Claude пишет анимацию кодом, а рендерит её HyperFrames на вашем компьютере. Рендер ничего не стоит, на ноутбуке 4,5-секундный ролик собирается примерно за минуту.
- Факты в графиках и схемах берутся из настоящих источников: каждый скилл требует подписать источник прямо на экране и не придумывать цифры.
- Работают и с русскими, и с английскими запросами. Текст на экране получается на языке запроса, шрифты в шаблонах умеют кириллицу.
- Версия HyperFrames закреплена в скиллах: 0.8.185. С ней они собраны и проверены.
- Проверял на Mac. На Windows и Linux не проверял.
Что ещё спрашивают
Что такое скилл в Claude?
Папка с файлом SKILL.md: в нём инструкции, которые Claude выполняет, когда подходит задача или когда вы вызываете скилл командой с косой чертой, например /graph. Личные скиллы лежат в ~/.claude/skills/ и доступны во всех проектах.
Что такое HyperFrames и нужно ли за него платить?
HyperFrames рендерит видео из HTML-страницы и сделан для работы с ИИ-агентами; у проекта на GitHub лицензия Apache-2.0. Скиллы запускают его через npx, отдельной установки и оплаты не требуется. Платных видеомоделей в этой связке нет.
Работают ли скиллы в Cursor и других инструментах?
SKILL.md — формат скиллов Claude. Я проверял только в приложении Claude (вкладка Code) и в Claude Code, про другие инструменты ничего сказать не могу.
Безопасно ли ставить скиллы из архива?
Скилл — это инструкции для вашего ИИ, и по ним он может запускать команды. Откройте SKILL.md и шаблон в папке каждого скилла и прочитайте их до установки, как любой чужой код.
Почему получился не тот ролик, который я ждал?
Скилл делает анимацию из одной строки, и результат зависит от того, как вы её сформулировали. Попробуйте переписать строку точнее или назвать в ней конкретные числа и даты: графики и схемы строятся на реальных данных.
Источники
- Claude Code: скиллы (документация Anthropic)
- HyperFrames на GitHub: Write HTML. Render video. Built for agents.
Функции и цены чужих сервисов меняются. Всё, что сказано о них, опирается на эти страницы в том виде, в каком они были на дату выше.