Дом

Skill

Инструменты разработчика

manim-video

affaan-m/ECC

Создавайте анимированные технические видеоролики с помощью Manim для представления графиков, рабочих процессов, системных схем и пошаговых инструкций по использованию продуктов с точным воспроизведением движения и четким планированием сцен.

...Расширить все

Обновлено время 1 октября 2026 г.

# ffmpeg # animation # manim # network graph # storyboarding # technical explainers # video rendering

Manim Video

Используйте Manim для создания технических поясняющих видеороликов, в которых движение, структура и ясность важнее, чем фотореалистичность.

Когда следует использовать

пользователь хочет создать техническую анимацию с пояснениями
концепция представляет собой график, рабочий процесс, архитектуру, динамику показателей или системную схему
пользователю нужен короткий объясняющий ролик о продукте или запуске X либо для целевой страницы
визуальное оформление должно выглядеть точно, а не как типичный кинематографический ролик

Требования к инструментам

manim CLI для рендеринга сцен
ffmpeg для постобработки, если потребуется
video-editing для окончательной сборки или доработки
remotion-video-creation когда в окончательном пакете потребуется компоновка пользовательского интерфейса, титров или дополнительных слоев анимации

Выходной формат по умолчанию

короткий ролик в формате MP4 с соотношением сторон 16:9
один эскиз или кадр для постера
сториборд и план сцен

Рабочий процесс

Определите основную визуальную идею одним предложением.
Разбейте концепцию на 3–6 сцен.
Определите, что доказывает каждая сцена.
Напишите набросок сцены перед тем, как приступить к написанию кода Manim.
Сначала визуализируйте самую простую рабочую версию.
После того как рендеринг заработает, доработайте типографику, интервалы, цвет и темп.
Передавайте проект более широкому видео-стеку только в том случае, если это приносит дополнительную ценность.

Правила планирования сцен

каждая сцена должна доказать одну вещь
избегайте перегруженных диаграмм
предпочитайте постепенное раскрытие информации, а не перегрузку всего экрана
используйте движение для объяснения изменения состояния, а не просто для того, чтобы экран не выглядел пустым
титровые карточки должны быть краткими и насыщенными смыслом

По умолчанию для сетевого графа

Для объяснительных материалов по социальным графам и оптимизации сетей:

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

Правила рендеринга

по умолчанию использовать формат 16:9 в альбомной ориентации, если пользователь не запрашивает вертикальную ориентацию
начните с пробного рендеринга низкого качества
переходите к более высокому качеству только после того, как композиция и синхронизация стабилизируются
экспортируйте один чистый кадр-миниатюру, подходящий для публикации в социальных сетях

Повторно используемый стартовый шаблон

Используйте файл assets/network_graph_scene.py в качестве отправной точки для создания инфографики с сетевыми графами.

Пример тестового рендеринга:

manim -ql assets/network_graph_scene.py NetworkGraphExplainer

Формат вывода

Возвращает:

основная визуальная концепция
раскадровка
набросок сцены
план рендеринга
любые рекомендации по доработке

Связанные навыки

video-editing для окончательной доработки
remotion-video-creation для постобработки или композитинга с большим количеством движения
content-engine когда анимация является частью более масштабного запуска

Посмотреть на GitHub

---
name: manim-video
description: Create animated technical explainers using Manim for graphs, workflows, system diagrams, and product walkthroughs with precise motion and clear scene planning.
---

# Manim Video

Use Manim for technical explainers where motion, structure, and clarity matter more than photorealism.

## When to Activate

- the user wants a technical explainer animation
- the concept is a graph, workflow, architecture, metric progression, or system diagram
- the user wants a short product or launch explainer for X or a landing page
- the visual should feel precise instead of generically cinematic

## Tool Requirements

- `manim` CLI for scene rendering
- `ffmpeg` for post-processing if needed
- `video-editing` for final assembly or polish
- `remotion-video-creation` when the final package needs composited UI, captions, or additional motion layers

## Default Output

- short 16:9 MP4
- one thumbnail or poster frame
- storyboard plus scene plan

## Workflow

1. Define the core visual thesis in one sentence.
2. Break the concept into 3 to 6 scenes.
3. Decide what each scene proves.
4. Write the scene outline before writing Manim code.
5. Render the smallest working version first.
6. Tighten typography, spacing, color, and pacing after the render works.
7. Hand off to the wider video stack only if it adds value.

## Scene Planning Rules

- each scene should prove one thing
- avoid overstuffed diagrams
- prefer progressive reveal over full-screen clutter
- use motion to explain state change, not just to keep the screen busy
- title cards should be short and loaded with meaning

## Network Graph Default

For social-graph and network-optimization explainers:

- show the current graph before showing the optimized graph
- distinguish low-signal follow clutter from high-signal bridges
- highlight warm-path nodes and target clusters
- if useful, add a final scene showing the self-improvement lineage that informed the skill

## Render Conventions

- default to 16:9 landscape unless the user asks for vertical
- start with a low-quality smoke test render
- only push to higher quality after composition and timing are stable
- export one clean thumbnail frame that reads at social size

## Reusable Starter

Use [assets/network_graph_scene.py](assets/network_graph_scene.py) as a starting point for network-graph explainers.

Example smoke test:

```bash
manim -ql assets/network_graph_scene.py NetworkGraphExplainer
```

## Output Format

Return:

- core visual thesis
- storyboard
- scene outline
- render plan
- any follow-on polish recommendations

## Related Skills

- `video-editing` for final polish
- `remotion-video-creation` for motion-heavy post-processing or compositing
- `content-engine` when the animation is part of a broader launch

Все файлы

2 файлов

SKILL.md 2.8k

Просмотр

assets/network_graph_scene.py 2.8k

Просмотр

Установить manim-video

Скачайте файлы навыков и распакуйте их в каталог .claude/skills/.

Скачать ZIP

Клонируйте репозиторий и скопируйте файлы навыка в свой проект.

git clone https://github.com/affaan-m/ECC/tree/main/skills/manim-video # Copy SKILL.md to your .claude/skills/ directory

Копировать

Быстрая настройка: Скопируйте папку со скиллом в каталог .claude/skills/ Claude автоматически обнаружит и начнет использовать этот скилл

Репозиторий affaan-m/ECC