Kalem — скилл

Скилл Claude Code для видео из кода делит ролик на сцены и подбирает каждой свой движок, от Paper.js и Three.js до Manim.

  • 115 ★ репозитория
  • Последний коммит
Скилл

Расширенный доступ

Почему такой уровень

  • Скилл запускает скрипты и Chrome на вашей машине и пишет файлы проектов в папку репозитория.
Все причины и проверки

leodavincs/kalem

Установка

Работает в

В терминале, через SkillFoxx CLI

npx skillfoxx add skills/kalem

Определит агенты на машине, покажет уровень доступа и зафиксирует версию.

Другие способы установки

Доступ и проверки

Как мы проверяем

Расширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.

  • Скилл запускает скрипты и Chrome на вашей машине и пишет файлы проектов в папку репозитория.

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

Kalem, что по-турецки значит «перо», решает проблему одинаковых роликов: если все сцены рисует один движок, они выглядят одинаково. Скилл делит видео на сцены, смотрит, что происходит в каждой, и выбирает подходящий движок: Paper.js для самочерчущихся линий, обычный холст для персонажей, PixiJS для частиц, HyperFrames с HTML и GSAP для текста и инфокарточек, Three.js для объемной сцены, Manim для формул и графиков. Для механических машин есть движок `levha`, который чертит их как лист из записной книги Леонардо. Перед работой Claude показывает таблицу «сцена, движок, причина» и ждет подтверждения. Время берется из номера кадра, браузерные сцены захватываются в Chrome кадр за кадром, звук строится из списка событий, поэтому не отстает от картинки. Итоговый файл лежит в projeler/<имя>/cikti.mp4. Дополнительный скилл `referans` разбирает чужой ролик на сцены и пишет для каждой промпт для видеомодели, не создавая само видео.

Для кого. Авторам обучающих роликов, которые собирают видео кодом и хотят разные визуальные приемы в одном ролике.

Подходит, если

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

Не подходит, если

  • Нужен быстрый ролик одним шаблоном без выбора движков.
  • Нет Google Chrome, `ffmpeg` или Node 20: сцены не отрисуются.
  • Хотите, чтобы скилл скачал видео по ссылке: скачивание не входит, видео нужно подготовить самому.

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

/kalem Сделай горизонтальный ролик на 50 секунд про летающую машину Леонардо да Винчи и покажи таблицу сцен до рендера.

Ограничения

Нужны macOS или Linux, Node 20 и новее, Python 3, `ffmpeg` и Google Chrome, а Manim по желанию. Скилл запускают из корня репозитория, потому что все пути относительны. Таблица выбора движков отражает вкус автора, который сравнил 20 инструментов на одной сцене, ее можно менять. Скилл `referans` видит по три кадра каждой сцены: звук, речь и очень быстрое движение в промпты не попадают. Чужие ролики нельзя копировать для коммерческого использования.

Как отключить. Удалите склонированную папку `kalem` вместе с проектами из `projeler`. Скилл живет в этом репозитории, поэтому других следов в системе нет, кроме установленных зависимостей.

Частые вопросы

Как поставить Kalem?

Клонируйте репозиторий, выполните `./kurulum.sh` и откройте Claude Code в корне репозитория.

Как запустить скилл?

Введите `/kalem` и опишите видео. Claude покажет таблицу сцен и движков и дождется вашего подтверждения.

Как собрать сцены вручную?

Выполните `python3 birlestir.py projeler/<имя> --gecis BookFlip --etiket`, флаг `--etiket` подписывает движок каждой сцены.

Что делает скилл `referans`?

Команда `/referans ~/Desktop/video.mp4` режет ролик на сцены и создает `istemler.html` и `istemler.md` с промптами для каждой сцены.

На каком языке документация?

Основной README турецкий, английская версия лежит в `README.en.md`.

Обсуждение

Вопросов и отзывов пока нет.

Скиллы

Два скилла Claude Code для видео целиком из кода: рисованная акварельная анимация и кинетическая типографика

СкиллРасширенный доступ493Звезды репозитория

Скилл Claude Code для рисованных мультфильмов и лирик-видео: кадры строятся кодом на p5.js, без моделей генерации картинок

ПлагинРасширенный доступ223Звезды репозитория

Скилл для Claude Code и Codex: агент пишет сцены анимации, плеер в браузере их показывает, ролик уходит в MP4 и Lottie.

СкиллРасширенный доступ56Звезды репозитория

Скилл собирает моушн-графику кодом: 21 готовый стиль, пять вопросов, три кадра на утверждение и рендер в MP4.

СкиллРасширенный доступ166Звезды репозитория

Скилл для Claude Code: снимает продукт в браузере, собирает ролик с главами и титрами и мастерит MP4 локально

СкиллРасширенный доступ396Звезды репозитория

Восемь скиллов Claude Code для видео в Remotion: рисованные и пиксельные объяснялки, собранные кодом, со звуком и субтитрами

СкиллРасширенный доступ254Звезды репозитория

Коротко о README

Проект собран в виде скилла Claude Code с набором движков в папке `motorlar`. Пример из шести сцен показывает по одному движку на сцену. Таблицу выбора движков автор советует менять под свой вкус.

Бейдж для README

Исходный SKILL.md

---
name: kalem
description: Kodla video yaparken her sahnenin hangi motorla çizileceğine karar verir, sahneleri o motorlarla üretir, sayfa çevirme gibi geçişlerle birleştirir ve kareye kilitli efekt sesi ekler. "kodla video yap", "animasyon yap", "bu videoyu sahnelere böl", "hangi motorla yapayım", "Reels/YouTube için animasyon" dendiğinde kullan.
---

# Kalem: her sahnenin kendi kalemi var

Bu skill reponun kökünden çalışır (`claude` repo klasöründe açılır). Bütün yollar repo köküne göredir. Yeni video `projeler/<ad>/` altında kurulur.

Tek bir motorla yapılan videolar birbirine benzer. Bu skill videoyu sahnelere böler, her sahnenin İÇİNDE NE OLDUĞUNA bakar ve onu en iyi çizen motoru seçer. Motor bir kalemdir: aynı resmi kurşun kalem ve suluboya farklı çizer.

## Sahnenin içinde ne var → hangi motor

| Sahnenin içinde... | Motor | Neden |
|---|---|---|
| Elle çizilen, kendini çizen çizgi, eskiz, kalem hareketi | **Paper.js** | Çizgiyi en yumuşak ve doğal çizen motor. Yalnız kalem işi için. |
| Karakter, yürüme, el kaldırma, şeklin başka şekle dönüşmesi | **Düz canvas (kendi çizim kodun)** | Hareket ve şekil üzerinde tam kontrol. |
| Patlama, ışık, parlama, toz, binlerce küçük parça | **PixiJS** | Binlerce parçayı kasmadan oynatır. |
| Ekrana yazı, sayı, sayaç, bilgi kartı, haber kurgusu | **HyperFrames** (HTML + GSAP) | Yazı ve bilgi animasyonunda en temizi. |
| Gerçek 3D: kamera dönüyor, ışık, gölge, makine | **Three.js** | Tarayıcıda gerçek 3D. |
| Formül, grafik, şema, matematik | **Manim** (Python) | 3Blue1Brown'un aracı. LaTeX yoksa Text ile yaz. |
| Çalışan bir makine (kaldıraç, palanga, krank-piston, dişli zinciri) defter levhası gibi çizilip ders anlatacak | **Levha** (`motorlar/levha`, Python) | Kodla tasarlanan makineyi kalemle çizer, parçalarını eklemlerinde çalıştırır, ölçüleri denetler. `python3 motorlar/levha/yeni_levha.py <makine>`; ayrıntı motorun README'sinde. |

Yardımcılar sahne çizmez, bir motorun içinde ona yardım eder:

| İş | Yardımcı |
|---|---|
| Hafif şeyler düşüyor, devriliyor, zıplıyor | Matter.js |
| Ağır şeyler kayıyor, üst üste yığılıyor | Rapier |
| Sahneden sahneye geçiş (125 hazır geçiş, sayfa çevirme = BookFlip) | gl-transitions (`ortak/gecis.html`) |
| Bir şey ekrana yay gibi zıplayarak geliyor | Anime.js |
| Konfeti, yıldız, emoji yağmuru | tsParticles |
| 3D modeli küçültmek | glTF-Transform |
| Kareye kilitli efekt sesi (tık, hışırtı, vuruş) | Tone.js (`ses/ses.html`) |

Bu tablo bir kişinin zevkiyle kuruldu: 20 araç aynı sahneyle yarıştırıldı, izlenip puanlandı. **Kendi denemelerini yap ve tabloyu kendi gözüne göre değiştir.**

## Akış

1. **Sahnelere böl.** Kullanıcının anlattığı videoyu 4-8 sahneye ayır. Her sahne için gündelik dille tek cümle yaz ve motoru seç, kullanıcıya tablo olarak göster:
   "1. sahnenin içinde kendi kendine çizilen bir eskiz var → Paper.js ile çizmek lazım."
   Teknik sıkıştırma yok ("sayı koşuyor" değil "sahnenin içinde artan bir sayı var").
   **Bir sahne = bir motor.** Sahnede birden çok iş varsa ekranı kaplayan ana iş motoru belirler, yan işler yardımcı olarak girer.
2. **Ortak dosyaları yaz.** `<proje>/zaman.json` (fps, boyut, geçiş kare sayısı, sahne listesi ve kare sayıları) ve `<proje>/BRIEF.md` (ortak görsel dil, gerçekler, her sahnenin tarifi, teslim sözleşmesi). Örnek: `ornek/ucan-makine/` (varsa).
3. **Sahneleri üret.** Kağıt dokusu, renkler ve yazı tipleri BRIEF'te bir kez tanımlanır, her sahne aynısını kullanır; videonun tek elden çıkmış gibi durması buna bağlı.

Сообщить о проблеме