Навыки Claude Code для видео: бесплатные навыки для моушн-графики, роликов к запуску и объясняющих видео
Автор Potto AI Team·
Что такое навык Claude Code для видео, как его установить и какие бесплатные навыки выбрать для роликов Remotion, видео к запуску, рисованных объяснений и экранов продукта.
Навык Claude Code для видео — это папка с файлом SKILL.md и иногда со скриптами. Она учит агента для кода собирать один вид ролика: launch-фильм на Remotion, рисованное объяснение, анимированный экран продукта. Установка сводится к тому, чтобы положить папку в ~/.claude/skills/ или .claude/skills/, либо вставить промпт установки в агента, а затем попросить видео обычным языком. Выбор зависит от задачи: навыки Remotion — для моушн-графики из кода, навыки launch-видео — для выпусков продукта, навыки объяснений и рисованного стиля — для обучения, навыки интерфейса — когда в ролике должны быть настоящие экраны.
Potto собирает эти навыки на странице навыков для агентов и отдаёт их бесплатно: войдите, скопируйте промпт установки или скачайте ZIP и запустите навык в своём агенте, со своей моделью и своими ключами. Навыки пишут независимые авторы, не Potto и не Anthropic. У Potto нет официальных отношений с Anthropic, и ничто в этом руководстве не одобрено Anthropic. Сведения о навыках ниже взяты со страниц навыков Potto в том виде, в каком они были 2026-10-12, а определение навыка — из документации Anthropic.
Что такое навык и почему он подходит для видео
Документация Claude Code от Anthropic формулирует это прямо: «Skills extend what Claude can do. Create a SKILL.md file with instructions, and Claude adds it to its toolkit. Claude uses skills when relevant, or you can invoke one directly with .» Навык — не плагин, который сам рендерит видео. Это письменные указания плюс необязательные вспомогательные файлы: агент читает их, когда запрос совпадает с описанием навыка.
/skill-name
Такое устройство подходит видео по трём причинам.
В коде видео полно соглашений. Покадровая анимация требует правил тайминга, настроек пружин, безопасных полей, работы со шрифтами и команды рендера. Навык хранит это один раз, и вам не нужно вставлять те же правила в каждый чат.
Контекст остаётся небольшим. Обзор Agent Skills от Anthropic описывает постепенное раскрытие: в контексте лежат только имя и описание каждого навыка, пока навык не вызван; затем загружается тело SKILL.md, а приложенные файлы — только когда на них есть ссылка. Можно держать установленными много видео-навыков и не платить за все сразу в каждой сессии.
Скрипты берут на себя повторяемые части. Навык может включать скрипты, которые запускает агент, поэтому повторяемые шаги идут как код, а не изобретаются моделью заново каждый раз.
Документация Claude Code также отмечает, что навыки следуют открытому стандарту Agent Skills. Поэтому на странице Potto у одного навыка может быть несколько агентов: Claude Code, Codex и Cursor одинаково понимают SKILL.md.
Как установить видео-навык в Claude Code
Способов три, и все они заканчиваются одним: папкой с SKILL.md в каталоге навыков.
Вариант 1. Скопировать промпт установки с Potto
Откройте страницу навыка, войдите и выберите Copy install prompt. Вставьте промпт в Claude Code, Codex или Cursor — агент установит навык за вас. Каждый навык на Potto бесплатный, и вход — единственный шаг: карту не спрашивают и ничего не списывают. Можно также выбрать Download ZIP, чтобы сохранить файлы или передать их команде.
Вариант 2. Положить папку туда, куда смотрит Claude Code
Документация Anthropic перечисляет расположения. Личный навык лежит в ~/.claude/skills/<skill-name>/SKILL.md и доступен во всех ваших проектах на этой машине. Проектный навык лежит в .claude/skills/<skill-name>/SKILL.md внутри репозитория, и его можно закоммитить, чтобы команда пользовалась одной копией. Если вы скачали ZIP, распакуйте его так, чтобы папка навыка с SKILL.md на верхнем уровне оказалась в одном из этих мест. Claude Code подхватывает изменения в папках навыков во время сессии. Если вы создаёте новый каталог навыков верхнего уровня, выполните /reload-skills.
Вариант 3. Установить официальные навыки Remotion
Remotion ведёт собственный набор Agent Skills для работы в проектах Remotion, а команда установки — npx skills add remotion-dev/skills. В документации названы агенты, которые могут ими пользоваться: Claude Code, Codex, Kimi Code и Cursor. Несколько сторонних видео-навыков ниже говорят, что работают рядом с официальными, поэтому сначала поставить набор Remotion — разумная основа для любого навыка на Remotion.
Как пользоваться навыком после установки
Claude может загрузить навык сам, когда запрос совпадает с описанием, либо вы вводите /skill-name, при желании с аргументами. Если хотите точно знать, какой навык запустится, вызывайте его по имени.
Три проверки перед запуском любого навыка
Навык — это инструкции и код, которым агент будет следовать на вашей машине, поэтому сначала прочитайте. Обзор Agent Skills от Anthropic советует брать навыки только из доверенных источников и предупреждает: вредоносный навык может направить Claude вызывать инструменты или выполнять код так, что это не совпадёт с заявленной целью. Для сторонних навыков это значит открыть SKILL.md и все приложенные скрипты и поискать неожиданные сетевые вызовы или доступ к файлам. Страницы навыков Potto показывают превью SKILL.md, чтобы это первое чтение было проще.
Затем по полям на странице навыка решите, подходит ли он задаче.
Где запускается. Агенты, которых указывает автор, например Claude Code, Codex или Cursor.
Что нужно. Переменные окружения, которых ждёт навык. Многим видео-навыкам не нужно ничего. Некоторым нужен ключ сервиса озвучки или модели изображений, и этот ключ оплачиваете вы у этого поставщика, не Potto.
Что на выходе и чем создаётся. Что производит навык (MP4, редактируемый HTML, субтитры, аудио) и какая модель делает творческую работу. У большинства видео-навыков ответ — «собственная модель вашего агента»: стоимость и качество следуют той модели, которую вы запускаете в агенте.
Навыки Claude Code по типу видео
Таблица группирует навыки из этого руководства по задаче, которую они решают. У каждого есть ссылка на страницу, где указаны автор, агенты, ключи и результаты. Сведения даны по состоянию на 2026-10-12 и могут измениться, когда автор обновит навык.
Задача
Навык
Автор
Где запускается
Что нужно
Результат
Вывод Remotion
Remotion Director
Zane-0x5a
Claude Code, Codex
Ничего
MP4
Вывод Remotion
Remotion Video Director
BayramAnnakov
Claude Code
Ключ сервиса озвучки
MP4
Вывод Remotion
Apple Motion
IskakovDamir
Claude Code
Ничего
MP4, аудио
Видео к запуску
Product Launch Video Skill
memex-lab
Claude Code
Ничего
MP4
Видео к запуску
Remotion Ad Video Skill
leosssvip-dot
Claude Code, Codex, Cursor
Ничего
MP4, редактируемый HTML, кадры PNG
Объяснение, рисованный стиль
Hand Drawn Explainer Video Nikola
hi-nikola
Claude Code, Codex
Ключ сервиса озвучки
MP4, редактируемый HTML, субтитры SRT
Объяснение, рисованный стиль
Claude Animation Skill
buildwithhanif
Claude Code
Ничего
MP4, аудио
Объяснение, рисованный стиль
Manim Skill
adithya-s-k
Claude Code, Cursor
Ничего
Видео
Интерфейс продукта
Onboarding Video Generator
gorkem-bwl
Claude Code
Ничего
MP4, WebM
Интерфейс продукта
Guizang Product Video Skill
op7418
Claude Code, Codex
Ничего
MP4, редактируемый HTML, аудио
Интерфейс продукта
Appshot
trunghaiy
Claude Code, Codex
Ничего
MP4
Навыки для вывода Remotion
Remotion превращает видео в компоненты React, которые рисуют по одному кадру. Навык, который знает соглашения Remotion, избавляет агента от догадок о тайминге и вёрстке. Начните с официальных навыков выше, затем добавьте один из этих для конкретного стиля работы.
Remotion Director автора Zane-0x5a запускается в Claude Code и Codex, не требует дополнительного ключа и выдаёт MP4. На странице описан конвейер «сначала замысел, потом сборка»: по брифу он сначала перечисляет несколько направлений, которые различаются на уровне идеи, рендерит первый полный черновой монтаж каждого, даёт выбрать самую перспективную основу и затем гоняет цикл критика по выбранному варианту. Кадр по умолчанию — вертикальный 1080×1920, также поддерживаются альбомный и квадратный. Он подходит тому, кто хочет посмотреть варианты до того, как остановиться на одном, и принимает больший расход модели на этапе замысла.
Remotion Video Director автора BayramAnnakov запускается в Claude Code и выдаёт MP4. Это пошаговый проводник от стратегической концепции до отрендеренного видео: экспертное обсуждение, сценарий, сборка и ревью. В описании сказано, что он работает рядом с официальным remotion-dev/skills. Ему нужен API-ключ сервиса озвучки, то есть ключ, который вы заводите и оплачиваете сами.
Apple Motion автора IskakovDamir запускается в Claude Code и выдаёт MP4 и аудио. Он пишет ролики Remotion в духе коротких бодрых recap-видео: темп, кинетическая типографика, пружины и сглаживание, переходы, кадры устройств и интерфейса, музыка и настройки громкости. Автор пишет, что числа взяты из покадрового замера шести recap. Берите его для ритма keynote-recap, а не для нейтрального фирменного стиля.
Навыки для видео к запуску и релизу
У видео к запуску устойчивая форма: крючок, продукт, три или четыре возможности, финал. Навыки этой группы кодируют именно эту структуру.
Product Launch Video Skill автора memex-lab запускается в Claude Code и выдаёт MP4. Он проектирует и собирает launch-видео с сильным акцентом в Remotion. В описании сказано использовать его для видео к запуску продукта, промо, демо, анонсов функций и раскрытия бренда, включая раскадровку.
Remotion Ad Video Skill автора leosssvip-dot запускается в Claude Code, Codex и Cursor. Он превращает ссылки на продукт, карточки в магазинах приложений, лендинги или брифы продукта в рекламные ролики проектами Remotion или HyperFrames. На странице в результатах указаны MP4, редактируемый HTML и кадры PNG, а также раскадровки, проверки рендера и материалы для передачи. Выбирайте его, когда исходник — страница или карточка, а не пустой бриф.
Формат сдачи решите до выбора: launch-фильм для лендинга обычно альбомный, а та же история для ленты соцсети — вертикальная. Напишите это в брифе: навык не угадает, где ролик будут смотреть.
Навыки для объяснений и рисованных стилей
Объяснения держатся на ясной последовательности и закадре, а не на зрелище. Рисованные стили добавляют визуальный почерк: штрих, бумагу, чернила.
Hand Drawn Explainer Video Nikola автора hi-nikola запускается в Claude Code и Codex и выдаёт MP4, редактируемый HTML и субтитры SRT. Он делает китайские объяснения в духе «рассказывает и рисует» на доске и предлагает два пути: досочную анимацию штрих за штрихом или программный путь с HTML и SVG для карточек процессов и схем. Ему нужен API-ключ сервиса озвучки по умолчанию, а в описании сказано, что на машине нужны FFmpeg, Node.js и браузер. Он в первую очередь для китайского, поэтому перед использованием для другого языка проверьте страницу.
Claude Animation Skill автора buildwithhanif запускается в Claude Code, не требует дополнительного ключа и выдаёт MP4 и аудио. Он делает короткие рисованные 2D-анимации целиком на JavaScript, в облике книжки с картинками или фактурной редакционной графики — с зерном бумаги и штриховкой, кадр за кадром через node canvas и ffmpeg, с синтезированным звуком. Ограничения в описании названы прямо: он не предназначен для микроанимаций интерфейса, слайдовых колод и монтажа говорящей головы.
Manim Skill автора adithya-s-k запускается в Claude Code и Cursor. Это набор из трёх навыков для Manim — библиотеки, на которой сделаны математические анимации в духе 3Blue1Brown. Берите его, когда объяснение про уравнения, графики или геометрию и урок несёт схема, которая собирается шаг за шагом. Для объяснения про продукт или процесс ближе навык Remotion или рисованный навык.
Какой бы навык вы ни выбрали, объясняющее видео держится, когда в каждой сцене одна идея, текст закадра написан до картинки, а финал говорит зрителю, что сделать.
Навыки для экранов продукта и видео интерфейса
Когда ролик должен показать программу, трудность в том, чтобы настоящие интерфейсы двигались и при этом не выглядели как запись экрана.
Onboarding Video Generator автора gorkem-bwl запускается в Claude Code и выдаёт MP4 и WebM. Он собирает короткие онбординг-ролики в Remotion, анимируя отдельные куски интерфейса — обрезанные компоненты, не целые страницы — из скриншотов, которые даёте вы. Результат по умолчанию шириной в колонку: его место рядом с текстом в двухколоночном блоке маркетинговой страницы. Берите его для клипа о функции, встроенного в страницу.
Guizang Product Video Skill автора op7418 запускается в Claude Code и Codex и выдаёт MP4, редактируемый HTML и аудио. Он собирает промо об обновлении продукта из собственного репозитория кода продукта: читает свежие коммиты, монтирует настоящие компоненты интерфейса, раскадровывает сцены с анимацией на GSAP, сочиняет оригинальную музыку и звуковые эффекты и рендерит через React, esbuild, Playwright и FFmpeg. Он хорошо ложится на видео по журналу изменений, которое делает команда, владеющая кодом.
Appshot автора trunghaiy запускается в Claude Code и Codex и выдаёт MP4. Он собирает превью-видео и скриншоты для App Store и Google Play из конфигурации TypeScript, на Remotion, React и Tailwind, и поставляется пакетом из четырёх навыков. Используйте его, когда место назначения — карточка в магазине.
Заметка о навыках оформления, таких как Taste Skill
Некоторые популярные навыки — не видео-навыки, но улучшают вид того, что собирает агент. Taste Skill, опубликованный на GitHub автором Leonxlnx под лицензией MIT, — это набор Agent Skills для улучшения интерфейсов, собранных ИИ: вёрстка, типографика, движение и интервалы. Видеосодержимого в нём нет, поэтому относитесь к нему как к спутнику. Если в ролике интерфейс, который спроектировал агент, навык оформления может поднять качество экранов до того, как видео-навык их анимирует. Репозиторий указан в источниках; сначала прочитайте его SKILL.md, как у любого навыка.
Первый прогон: от навыка до отрендеренного видео
Шаги для большинства навыков из этого списка одни и те же.
Поставьте основу. Добавьте официальные навыки Remotion командой npx skills add remotion-dev/skills, если навык использует Remotion, и убедитесь, что установлен Node.js. Некоторым навыкам также нужны FFmpeg или браузер — это указано на странице навыка или в SKILL.md.
Установите навык. Скопируйте промпт установки со страницы Potto в агента или положите распакованную папку в ~/.claude/skills/.
Задайте ключи, если они есть. Если на странице в поле «что нужно» указан ключ, задайте его в окружении агента до запуска, как написано на страницах навыков.
Напишите бриф. Для каждого навыка работают одни и те же шесть пунктов: цель, аудитория, где ролик играют и какой длины, факты, которые обязаны появиться, порядок идей и последний кадр. Бриф в материале альтернативы Claude Motion разбирает каждый пункт.
Запустите навык и проверьте. Вызовите его по имени, прочитайте раскадровку, которую предлагает агент, до того как он напишет код, и одобрите или поправьте. Затем откройте превью проекта и отрендерите.
Бриф, который работает для навыков запуска, выглядит так:
Use the product-launch-video skill. Make a 30-second landscape launch video for a budgeting app. Audience: freelancers. Three features in this order: invoice reminders, expense tagging, tax summary. Facts that must appear: "12,000 freelancers" and "free for the first 3 invoices". Close on the app name and the line "Get paid on time". Show the storyboard before writing code.
Бриф задаёт длину, соотношение сторон, аудиторию, порядок и точные числа. Навыки улучшают структуру и ремесло, но не могут знать факты, которых вы не дали.
Чего навыки не делают
Они не рендерят в облаке. Агент собирает проект на вашем компьютере, и рендер идёт там же, в той среде выполнения, которую называет навык.
Они не гарантируют качество. Результат зависит от модели, которую вы запускаете, от автора навыка и от вашего брифа.
Они стоят столько, сколько стоит ваш агент. Potto за навыки ничего не берёт, но действует план агента или расход API, а также любой ключ озвучки, который требует навык.
Они оставляют вам проект, который нужно сопровождать. Это плюс, если вам нужен исходник, и нагрузка, если вам нужно одно готовое видео.
Чтобы увидеть, как выглядит такая работа, откройте галерею видео с моушн-графикой на Potto. Эти работы сделали независимые авторы инструментами вроде Claude Opus 5.5, у каждой указан исходный автор, и ни одну из них не сгенерировал Potto.
Если агент и код не нужны
Навыки подходят тем, кто уже работает в терминале или редакторе кода и хочет владеть проектом. Если нужно только готовое видео, путь без кода проще, и Potto предлагает его рядом с библиотекой навыков. Это отдельный продукт, он не использует навыки выше.
Potto — это генератор видео на ИИ для моушн-графики с закадром. Вы описываете ролик, вставляете публичную ссылку или прикладываете документ, и Potto собирает раскадровку, которую можно править до любого экспорта. Claude Opus 5.5 пишет план, покадровую раскадровку и текст закадра, а Potto рендерит видео собственными компонентами сцен Remotion. Код вы не пишете и не видите. Страница видео с Claude объясняет, как устроена эта связка, а моушн-графика на ИИ — страница, с которой можно начать ролик с описания.
Что вы получаете:
Одиннадцать типов сцен (крючок, титр, скриншот, возможности, список, число, сравнение, диаграмма, иллюстрация, цитата и закрывающий призыв к действию) и 12 встроенных стилей, плюс бренд-наборы для цветов, шрифтов и вашего логотипа.
Закадр на 32 языках или автоматическое определение языка, субтитры по предложениям и оригинальный саундтрек из музыкальной библиотеки Potto.
Длительности 15, 30, 45, 60 или 90 секунд, экспорт в MP4 1080p при 30 кадрах в секунду в 16:9, 9:16 или 1:1.
Входы: описание, публичная ссылка или документы (PDF, PPTX или DOCX, до 20 МБ каждый, до 8 вложений), плюс изображения, например скриншоты продукта. Страница демо-видео продукта превращает скриншоты в сцены.
Генерация и превью в браузере не тратят кредиты; кредиты тратит только экспорт, а текущие цены — на странице цен.
Чего он не делает: не отдаёт код ролика, не генерирует снятые кадры и цифровых ведущих, не монтирует уже существующие у вас видео и не имеет публичного API. Если нужны исходный код, свой визуальный стиль или автоматический конвейер — берите навык. Если нужно объяснение или launch-видео с закадром из уже имеющегося материала и без кодовой базы на сопровождении — берите Potto. Это руководство не расставляет их по рангу: они отвечают на разные потребности.
Вопросы и ответы
Что такое навык Claude Code для видео?
Навык Claude Code для видео — это папка с файлом SKILL.md и иногда со скриптами. Она учит агента для кода собирать один тип ролика, например launch-фильм на Remotion или рисованное объяснение. Claude загружает навык, когда запрос совпадает с описанием или когда вы вводите /skill-name. Агент по-прежнему пишет и рендерит проект на вашем компьютере.
Как установить навык Claude Code?
Положите папку навыка с SKILL.md внутри в ~/.claude/skills/<skill-name>/ для всех проектов или в .claude/skills/<skill-name>/ для одного репозитория. На Potto войдите и используйте Copy install prompt, чтобы это сделал агент, либо скачайте ZIP. Claude Code подхватывает изменения во время сессии, а /reload-skills покрывает новый каталог навыков верхнего уровня.
Бесплатны ли навыки на Potto?
Да. Каждый навык на Potto бесплатный: войдите, затем скопируйте промпт установки или скачайте ZIP. Potto за них ничего не берёт. Навыки работают в вашем агенте с вашей моделью, поэтому план агента или расход API по-прежнему действует, а навык, у которого в поле «что нужно» указан ключ, например ключ озвучки, использует ваш аккаунт у этого поставщика.
Кто пишет навыки и делает ли их Anthropic?
Навыки пишут независимые авторы, и на каждой странице назван автор. Их делает не Anthropic, и у Potto нет официальных отношений с Anthropic. Potto их собирает и предлагает. Поскольку это сторонний код, откройте SKILL.md и все скрипты до запуска, как советует документация Anthropic для навыков из источников, которые вы не создавали сами.
С какого навыка Claude Code начать видео к запуску продукта?
Начните с Product Launch Video Skill, если нужен launch-фильм Remotion по брифу: дополнительный ключ не нужен, и он запускается в Claude Code. Выберите Remotion Ad Video Skill, если исходник — лендинг или карточка магазина, и Guizang Product Video Skill, если ролик должен взять настоящий интерфейс продукта из вашего репозитория.
Potto — это то же самое, что Claude Code?
Нет. Claude Code — агент для кода от Anthropic. Potto — независимый продукт без официальных отношений с Anthropic. Potto предлагает бесплатную библиотеку сторонних навыков, которые запускаются в вашем агенте, и у него есть собственный генератор видео: Claude Opus 5.5 пишет план, раскадровку и закадр, а Remotion рендерит MP4.
Источники
Все источники проверены 2026-10-12.
Anthropic, документация Claude Code, Extend Claude with skills. Использовано для определения навыка, мест хранения навыков, автоматического вызова и вызова через /skill-name, команды /reload-skills, вспомогательных файлов и замечания, что навыки Claude Code следуют стандарту Agent Skills.
Anthropic, Agent Skills overview. Использовано для постепенного раскрытия (метаданные, инструкции, ресурсы), структуры SKILL.md и рекомендаций по безопасности: брать навыки из доверенных источников и проверять их.
Документация Remotion, Agent Skills. Использовано для того, чем являются официальные навыки, какие агенты поддерживаются и команды npx skills add remotion-dev/skills.
Potto, страница Skills и страницы отдельных навыков по ссылкам выше. Использовано для автора, агентов, требуемых ключей, результатов и описания каждого навыка, а также для шагов установки и скачивания. Сведения по состоянию на 2026-10-12.
GitHub, Leonxlnx/taste-skill. Использовано для описания Taste Skill как Agent Skills для улучшения интерфейсов, собранных ИИ, и для лицензии MIT.
Potto AI
Создайте следующее видео о запуске.
Возьмите то, что вас заинтересовало, и превратите в своё видео или изображение. Принесите скриншоты, тему или промпт.
