К основному содержанию
скилл Claude Code CX Codex Cursor GitHub Copilot

manim-video — скилл для Claude Code: что делает и как установить

Собирает технические объясняющие ролики в Manim: графики, схемы систем и продуктовые walkthrough. Подходит, когда нужна точная анимация вместо talking-head сценария.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add affaan-m/ECC --skill manim-video -a claude-code
Открыть на GitHub

Что делает manim-video

manim-video помогает спроектировать и собрать короткий технический explainer в Manim. Скилл предлагает сначала сформулировать визуальный тезис, разбить идею на 3–6 сцен и описать, что доказывает каждая сцена. Затем он пишет план сцен, запускает пробный рендер и дорабатывает типографику, отступы, цвет и темп.

По умолчанию результатом становятся MP4 в формате 16:9, thumbnail или poster frame, storyboard и план сцен. Для рендера нужен CLI manim, а ffmpeg понадобится для постобработки. Финальную сборку можно передать video-editing, а композицию с UI и captions — remotion-video-creation.

Ставьте этот скилл, если объяснение строится на движении, графиках или диаграммах. Для обычного talking-head сценария он избыточен.

Какие задачи решает

  • собрать технический explainer с анимацией
  • показать изменение графа или метрики по сценам
  • разложить архитектуру системы на понятные сцены
  • подготовить короткий продуктовый ролик для X или landing page

Примеры запросов агенту

  • Собери explainer про архитектуру сервиса в Manim и начни с storyboard.
  • Покажи текущий network graph, затем оптимизированный, выделив warm-path nodes и target clusters.
  • Сделай smoke test через `manim -ql assets/network_graph_scene.py NetworkGraphExplainer`, а после рендера предложи правки.

Как установить manim-video

1Через Skills CLI (Vercel)

npx skills add affaan-m/ECC --skill manim-video -a claude-code

2Вручную: положить файлы

~/.claude/skills/manim-video/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/manim-video/

Из того же набора146

Весь набор →
video-editing affaan-m Скилл выстраивает пайплайн монтажа реального видео через ИИ. Помогает нарезать сырые записи через FFmpeg, собрать титры в Remotion и добавить озвучку в ElevenLabs. Claude Code CX Codex Cursor +1 6 500установок docker-patterns affaan-m Скилл с проверенными шаблонами Dockerfile и Docker Compose: локальная разработка, сети, тома, безопасность контейнеров. Claude Code CX Codex Cursor +1 6 300установок frontend-patterns affaan-m Скилл подсказывает паттерны для React и Next.js: компоненты, состояние, загрузка данных и производительность. Нужен при разработке и ревью интерфейса. Claude Code CX Codex Cursor +1 5 900установок backend-patterns affaan-m Скилл с паттернами бэкенда для Node.js, Express и Next.js API routes: слои, кэш, транзакции, обработка ошибок. Claude Code CX Codex Cursor +1 5 900установок coding-standards affaan-m Базовые правила кода для проектов: проверяет именование, запрещает мутации объектов и следит за простыми конструкциями. Пригодится на ревью и рефакторинге. Claude Code CX Codex Cursor +1 5 600установок api-design affaan-m Скилл задаёт правила проектирования REST API: именование эндпоинтов, выбор статус-кодов, пагинацию и формат ошибок. Помогает при создании и ревью серверных контрактов. Claude Code CX Codex Cursor +1 5 500установок rust-testing affaan-m Скилл для написания тестов на Rust: юнит-тесты, интеграционные, async, property-based, моки и покрытие. Пригодится, когда ведёшь проект по TDD. Claude Code CX Codex Cursor +1 5 500установок laravel-security affaan-m Скилл помогает проверять безопасность Laravel-приложений: аутентификацию, Eloquent, CSRF, XSS, API и настройки production. Пригодится для ревью и деплоя. Claude Code CX Codex Cursor +1 5 400установок

Похожие

brand-landingpage Travis D. Elliott Скилл проводит интервью о продукте и визуальном стиле, затем помогает создать лендинг через Stitch. Подойдёт, если у проекта пока нет готового дизайна. Claude Code CX Codex Cursor 39 476установок stitch::upload-to-stitch официальный google-labs-code Скилл отправляет локальные изображения, макеты, разметку и HTML-страницы в проект Stitch напрямую по HTTP в обход ограничений вывода инструментов MCP. Claude Code CX Codex Cursor +1 9 900установок stitch::extract-static-html официальный google-labs-code Скилл сохраняет отрендеренную страницу как автономный HTML-файл, встраивая стили и изображения. Пригодится для передачи статичного экрана или подготовки страницы к загрузке в Stitch. Claude Code CX Codex Cursor +1 9 900установок better-colors jakubkrehel Скилл проверяет палитры и строит систему цветовых токенов. Он нужен, когда в коде накопились случайные hex-значения, а контраст текста никто не считал. Claude Code CX Codex Cursor +1 32 200установок ppt-generation bytedance Генерирует слайды для презентаций в формате PPTX через создание картинок к каждому экрану. Пригодится, когда нужно быстро собрать визуальный доклад с единым оформлением. Claude Code CX Codex Cursor +1 5 200установок frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. Claude Code Claude.ai 1 025 790установок grill-me Matt Pocock Скилл проводит жёсткое интервью по плану или дизайну, чтобы найти пробелы и уточнить решения. Подойдёт перед началом разработки. Claude Code 1 424 476установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. Claude Code CX Codex Cursor +1 673 100установок

Вопросы о manim-video

Как установить manim-video в Claude Code?

Выполните npx skills add affaan-m/ECC --skill manim-video -a claude-code. Файл скилла появится по пути ~/.claude/skills/manim-video/SKILL.md.

Что делает manim-video?

Скилл планирует и собирает анимированные объяснения технических концепций, графиков, системных диаграмм и product walkthrough. Он возвращает визуальный тезис, storyboard, план сцен и render plan.

Что нужно для работы manim-video?

Для рендера нужен CLI manim. ffmpeg используется для постобработки, если она требуется; для финальной сборки также предусмотрен video-editing.

Исходный текст

SKILL.md · MIT
---
name: manim-video
description: Build reusable Manim explainers for technical concepts, graphs, system diagrams, and product walkthroughs, then hand off to the wider ECC video stack if needed. Use when the user wants a clean animated explainer rather than a generic talking-head script.
metadata:
  origin: ECC
---

# 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

© affaan-m · MIT · affaan-m/ECC

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой