# loop-cover

Превращает обложку рассылки или блога в аккуратный зацикленный GIF размером 896x640 на 180 кадров. Оживляет ровно одну деталь, сохраняя первый кадр законченным.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 1400 установок · ★ 412
- Автор: charlie947
- Лицензия: MIT · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/charlie947/motion-graphics-skills/tree/HEAD/skills/loop-cover/SKILL.md
- Обновлён: 2026-10-11
- HTML: https://affpapa.org/nevibecode/skills/loop-cover

## Что делает

Скилл принимает готовую иллюстрацию в PNG с соотношением 7:5 или HTML-вёрстку обложки. Он анимирует строго один названный элемент: луч маяка, прорисовку линии или плавное свечение. Картинка вокруг остаётся неподвижной, а камера фиксируется на месте через генерацию масок в коде.

Цикл длится 9 секунд при 20 кадрах в секунду. Скилл смещает кадры так, чтобы на первом отображался готовый рисунок, ведь почтовые клиенты часто показывают превью без запуска анимации. Готовый ряд кадров кодируется через `ffmpeg` без дизеринга, чтобы однородные цвета не мерцали.

Перед рендером процесс запрашивает бренд-файлы `brand.md` и `MOTION.md` либо параметры фирменного стиля. Для сборки анимации и проверки стыка обязательно нужны установленные `ffmpeg` и `python3`. Без них агент не сможет посчитать метрику seam и проверить разницу кадров.

## Установка

### Claude Code (родная платформа)

1. **Через Skills CLI (Vercel)**
```bash
npx skills add charlie947/motion-graphics-skills --skill loop-cover -a claude-code
```

2. **Вручную: положить файлы**
- Файл: `~/.claude/skills/loop-cover/SKILL.md` — Папка скилла целиком; для одного проекта — .claude/skills/loop-cover/

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add charlie947/motion-graphics-skills --skill loop-cover -a codex
```

2. **Вручную: положить файлы**
- Файл: `.agents/skills/loop-cover/SKILL.md` — Для всех проектов — ~/.agents/skills/

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add charlie947/motion-graphics-skills --skill loop-cover -a cursor
```

2. **Вручную: положить файлы**
- Файл: `.cursor/skills/loop-cover/SKILL.md` — Cursor читает и .agents/skills/, и .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install charlie947/motion-graphics-skills loop-cover
```

2. **Вручную: положить файлы**
- Файл: `.github/skills/loop-cover/SKILL.md`

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add charlie947/motion-graphics-skills --skill loop-cover -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/charlie947/motion-graphics-skills --path skills/loop-cover
```

### Windsurf (Devin Desktop)

**Вручную: положить файлы**
- Файл: `.devin/skills/loop-cover/SKILL.md` — Старый путь .windsurf/skills/ тоже читается

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add charlie947/motion-graphics-skills --skill loop-cover -a opencode
```

### Claude.ai

**Claude.ai**
- Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/charlie947/motion-graphics-skills/tree/HEAD/skills/loop-cover/SKILL.md

## Когда брать
- оживить обложку рассылки без сдвига камеры и лишнего визуального шума
- поставить готовое изображение на первый кадр для корректных превью в почте
- измерить стык между концом и началом цикла через консольный скрипт
- собрать GIF без дизеринга для защиты от мерцания плоских фонов

## Примеры запросов агенту
- Сделай зацикленный GIF из обложки cover.png, пусть пульсирует только оранжевая линия
- Анимируй cover.html: добавь медленный дрейф для луча маяка на 180 кадров

## Похожие
- [motion-graphics](https://affpapa.org/nevibecode/skills/motion-graphics.md) — скилл · 1000 установок
- [motion-broll](https://affpapa.org/nevibecode/skills/motion-broll.md) — скилл · 1700 установок
- [video-to-gif](https://affpapa.org/nevibecode/skills/video-to-gif.md) — скилл · 3900 установок
- [demo-video](https://affpapa.org/nevibecode/skills/demo-video.md) — скилл · 708 установок
- [remotion-motion-graphics](https://affpapa.org/nevibecode/skills/remotion-motion-graphics.md) — скилл · 1100 установок
- [hyperframes-registry](https://affpapa.org/nevibecode/skills/heygen-com-hyperframes-registry.md) — скилл · 1000000 установок

Из того же набора: [charlie947/motion-graphics-skills](https://affpapa.org/nevibecode/by/charlie947/motion-graphics-skills.md) — 13 карточек

_Часть страницы не вошла по размеру — она есть в HTML-версии._

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md