TK

t3knobox/klik-anim-skill-creation

Developer tools

Эта страница переведена автоматически. Технические детали смотрите в оригинале. Открыть оригинал

86 stars Качество 59 Тренд 24

Навыки Клода для стандартной в отрасли графики движения: клик-аним-библия (законы анимационного ремесла, автономные) + клик-удаление-метод (сквозной конвейер производства видео).

Обзор

Навыки Клода для производства стандартной в отрасли графики движения с Remotion. - Нужны только отличные одиночные анимации → (klik-anim + klik-cam). - Хотите полные видео, созданные сквозняком → (все три). Продюсирование видео продолжительностью около 30 секунд — анимации едят токены, как будто они бесплатны. Планируйте свои сроки вокруг него; метод сохраняет все документы планирования (включая PROGRESS.md) на диск, поэтому свежий сеанс подбирает точно, где вы остановились. - Растянуть бюджет: планировать и повторять (Brief/Style/Storyboard, раунды обратной связи) на , а затем перейти на этап сборки с кодом. Оба навыка Klik откладывают на собственные навыки агента Remotion как источник истины для текущего поведения API (klik-anim §B0: remotion-create, remotion-docs, remotion-best-practices, remotion-render, ...). — навыки Klik все еще загружаются без них, но каждая инструкция «проверить документы» становится мертвой ссылкой, и агент возвращается к угадыванию API. В вашем списке навыков уже есть /remotion-docs? Пропусти это.

Обзор (машинный перевод)

Навыки Клода для производства стандартной в отрасли графики движения Удаление.

Квалификация | Что он делает, требует [править править код] | klik-anim | Элементно-анимационное ремесло: законы для всего, что движется внутри кадра (ослабление, время, хореография, иерархия, путь взгляда, трюмы для чтения, регистр устройств, границы, материал и рецепты эффектов) + контрольный список перед полетом. Авто-триггеры на любой удаленной / анимационной работе. ! Ничего — отдельно. | klik-cam | Средство передвижения камеры: циферблат камеры (C0, 1-5) и грамматика камеры — вариация подписи, дисциплина фокусировки, 3D гигиена, размытость затвора — + контрольный список CAM. | klik-anim (его основные законы связывают камеру) | | klik-remotion-method | Сквозное видеопроизводство из подсказки: Discovery (фиксированный допрос → SSOT) → визуальная раскадровка, утвержденная как опубликованные кадры → замороженный план исполнения → построение на Opus (сначала предварительный контракт) → QA в свежем контексте. Решает, что будет сделано и в каком порядке. klik-anim + klik-cam

** Выберите установку: **

  • Нужны только отличные одиночные анимации → ** Option A** (klik-anim + klik-cam).
  • Хотите полные видеоролики, созданные сквозняком → ** Вариант B** (все три).

**Heads up — токены и модели: **

Эта страница переведена автоматически. Технические детали смотрите в оригинале.

README

Показан фрагмент оригинального README. Открыть оригинал.

Klik Motion-Graphics System

Claude skills for producing industry-standard motion graphics with Remotion.

Skill What it does Requires
klik-anim Element-animation craft: laws for everything that moves within the shot (easing, timing, choreography, hierarchy, gaze path, reading holds, device ledger, boundaries, material & finish + effect recipes) + pre-flight checklist. Auto-triggers on any Remotion/animation work. Nothing — standalone
klik-cam Camera-movement craft: the camera dial (C0, 1–5) and camera grammar — signature variation, focus discipline, 3D hygiene, shutter blur — + CAM checklist. klik-anim (its base laws bind the camera)
klik-remotion-method End-to-end video production from a prompt: Discovery (fixed questioning → SSOT) → visual storyboard approved as rendered stills → frozen execution plan → build on Opus (timing contract first) → QA in a fresh context. Decides what gets made and in what order. klik-anim + klik-cam

Choose your install:

  • Only want great single animations → Option A (klik-anim + klik-cam).
  • Want full videos created end-to-end → Option B (all three).

Heads up — tokens & models:

  • Producing videos of ~30 seconds or longer will run you out of session usage limits a few times — animations eat tokens like they’re free. Plan your deadlines around it; the method saves all planning docs (including PROGRESS.md) to disk, so a fresh session picks up exactly where you left off.
  • To stretch the budget: plan and iterate (Brief/Style/Storyboard, feedback rounds) on Fable 5, then switch to Opus for the code-heavy build phase.

Prerequisite — Remotion’s official skills

Both Klik skills defer to Remotion’s own agent skills as the source of truth for current API behavior (klik-anim §B0: remotion-create, remotion-docs, remotion-best-practices, remotion-render, …). Install those first — the Klik skills still load without them, but every “check the docs” instruction becomes a dead reference and the agent falls back to guessing APIs.

Already have /remotion-docs in your skill list? Skip this.

npx remotion skills add        # or: npx skills add remotion-dev/skills
npx remotion skills update     # pull newer Remotion patterns later

This installs them for the current project (.agents/skills, symlinked to .claude/skills). To have them everywhere instead, copy the resulting remotion-* folders into ~/.claude/skills/ — the same place the Klik skills go below.

You don’t have to run this yourself: if klik-anim is installed and these are missing, it tells the agent to flag it and ask you which scope you want before installing anything — defaulting to project-local if you don’t care.

These are Remotion’s skills, not part of this repo — see remotion.dev/docs/ai/skills.

Открыть полный README на GitHub

Рекомендуемые инструменты

Попробуйте другой запрос или уберите фильтр.

Установка

npx skillfish add t3knobox/klik-anim-skill-creation
Новичок в MCP? Начните с руководства на mcpskill.org →