t3knobox/klik-anim-skill-creation
Developer toolsこのページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る
業界標準のリモーショングラフィックスのためのクロードスキル: klik-anim-bible(アニメーションクラフト法、スタンドアロン)+ klik-remotion-method(エンドツーエンドのビデオ生産パイプライン).
概要
業界標準のモーショングラフィックスをリモーションで制作するためのクロードスキル。 - 単一のアニメーションだけをしたい → (klik-anim + klik-cam). - エンドツーエンド→(すべての3)を作成したフルビデオが欲しい。 - ~30秒以上の動画を制作 — アニメーションは無料でトークンを食べる。 期限を計画する。このメソッドは、すべての計画のドキュメント(PROGRESS.mdを含む)をディスクに保存します。そのため、新しいセッションは、退去場所を正確にピックアップします。 - 予算を伸ばすために:計画と反復(Brief/Style/Storyboard、フィードバックラウンド)、そしてコード重いビルドフェーズに切り替えます。 Klik のスキルは、現在の API の動作(klik-anim §B0: remotion-create, remotion-docs, remotion-best-practices, remotion-render, ...) の真理のソースとして、Remotion 自身のエージェントのスキルを守っています。 — Klik のスキルはまだそれらなしでロードしますが、すべての "docs をチェック" 命令はデッドリファレンスとなり、エージェントは API を推測するために戻ります。 すでに /remotion-docs をスキルリストに登録していますか? お問い合わせ.
概要（AI 翻訳）
業界標準のモーショングラフィックスを生産するためのクロードスキル リモーション。
| スキル | お問い合わせ | お問い合わせ |
お問い合わせ
|【klik-anim | 要素アニメーション クラフト: withinのショットを移動するすべての法律(増加、タイミング、振付、階層、視線、読書保持、デバイスレジャー、境界、材料と仕上げ+効果レシピ) + 予備フライトチェックリスト。 どんなリモーション/アニメーション作品でもオートトリガー。 お問い合わせ スタンドアローン |
|【klik-cam | カメラ・ムーブメント・クラフト:カメラ・ダイヤル(C0, 1–5)とカメラ・文法 — 特異的なバリエーション、フォーカス・懲戒、三次元衛生、シャッター・ブラー、+ CAMチェックリスト。 | [[[klik-anim] |
|[klik-remotion-method | プロンプトからエンドツーエンドのビデオ制作: ディスカバリー(固定質問→SSOT) → ビジュアルストーリーボードは、* レンダリングされた静止場として承認しました** → 冷凍実行計画 → Opus上に構築する(最初のタイミング) → 新鮮なコンテキストでQA。 klik-anim + [klik-cam]
インストールを選択:
- 単一のアニメーションだけをしたい → Option A (klik-anim + klik-cam).
- エンドツーエンド → Option B* (すべての3) を作成したフル動画を望む。
ヘッドアップ — トークンとモデル:
このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。
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.
推奨ツール
別のキーワードを試すか、フィルタを外してください。
インストール
npx skillfish add t3knobox/klik-anim-skill-creation