Skills/Remotion: лучшие практики

Remotion: лучшие практики

30 июля 2026

Официальный набор правил от команды Remotion для создания видео на React: композиции, анимации, тайминги, аудио, шрифты и рендер.

Описание

АнимацияБесплатно

Официальный набор правил от команды Remotion для создания видео на React: композиции, анимации, тайминги, аудио, шрифты и рендер.

Название
Remotion: лучшие практики
Категория
Анимация
Что умеет
  • подсказывает правильную структуру композиций
  • помогает с анимацией через interpolate и spring
  • разбирает работу с медиа и шрифтами
  • направляет к нужному узкому скиллу
Источник
remotion-dev/skills
Где работает
Claude Code и другие агенты, которые читают .claude/skillsКак устроены навыки
Куда ставить
Навык работает только в текущем проекте.
Как установить
  1. 1Скопируйте команду из блока «Установка» ниже и выполните её в терминале.
  2. 2Навык появится в папке .claude/skills/remotion-best-practices/
  3. 3Откройте новую сессию Claude Code — навык подхватится автоматически.

Что внутри

npx degit remotion-dev/skills/skills/remotion-best-practices .claude/skills/remotion-best-practices
.claude/skills/
└── remotion-best-practices/
    └── SKILL.md

Действия

Открыть на GitHubДокументация
НазадHyperFrames: видео из HTMLДалееАнимация в HyperFrames
.claude/skills/remotion-best-practices/SKILL.md
  1. 1---
  2. 2name: remotion-best-practices
  3. 3description: "Официальный набор правил от команды Remotion для создания видео на React: композиции, анимации, тайминги, аудио, шрифты и рендер."
  4. 4---
  5. 5​
  6. 6# Remotion: лучшие практики
  7. 7​
  8. 8Официальный набор правил от команды Remotion для создания видео на React: композиции, анимации, тайминги, аудио, шрифты и рендер.
  9. 9​
  10. 10## Что делает
  11. 11​
  12. 12- Подсказывает правильную структуру композиций
  13. 13- Помогает с анимацией через interpolate и spring
  14. 14- Разбирает работу с медиа и шрифтами
  15. 15- Направляет к нужному узкому скиллу
  16. 16​
  17. 17## Где работает
  18. 18​
  19. 19Claude Code и другие агенты, которые читают .claude/skills.
  20. 20​
  21. 21## Установка
  22. 22​
  23. 231. Выполните: npx degit remotion-dev/skills/skills/remotion-best-practices .claude/skills/remotion-best-practices
  24. 242. Откройте новую сессию Claude Code — навык подхватится сам.