Claude 行业标准动态图形技能：klik-anim-bible（动画工艺法则，独立版）+ klik-remotion-方法（端到端视频制作流程）。
概览
Claude 技能，用于制作行业标准的 Remotion 动态图形。 - 只想要出色的单一动画→（klik-anim + klik-cam）。- 想要完整视频的端到端制作→（三者皆有）。 - 制作约30秒或更长的视频——动画像免费一样消耗代币。围绕它规划截止日期;该方法将所有规划文档（包括 PROGRESS.md）保存到磁盘，这样新会话就能从你中断的地方继续。- 为了节省预算：先在 上规划和迭代（简报/风格/分镜、反馈轮次），然后切换到代码密集的构建阶段。 这两个 Klik 技能都尊重 Remotion 自身的代理技能作为当前 API 行为的真实来源（klik-anim §B0：remotion-create，remotion-docs，remotion-best-practices，remotion-render 等）。——Klik 技能仍然可以加载，但每个“检查文档”指令都变成了失效的引用，代理又会退回猜测 API。 你的技能列表里已经有/remotion-docs了吗？跳过这个。
概述（AI 翻译）
制作行业标准动态图形的Claude技能 搬迁。
| 技能 | 它的作用 | 需要 |
|---|---|---|
klik-anim |
元素动画工艺：镜头内所有动作的规则（缓和、时机、编排、层级、视线路径、读取保持、设备账本、边界、材质与处理+效果配方）+前检验表。任何Remotion/动画作品的自动触发。 | 没什么——独立 |
klik-cam |
相机运动工艺：相机旋钮（C0,1–5）和相机语法——标志性变化、对焦纪律、三维卫生、快门模糊——+CAM检查表。 | klik-anim（其基础定律约束相机） |
klik-remotion-method |
从提示开始的端到端视频制作：发现（固定质疑→SSOT）→视觉分镜作为渲染静止→冻止执行计划→在Opus（优先时间合同）→QA基础上进行新的背景。决定**制作内容和顺序。 | klik-anim + klik-cam |
选择你的安装方式：
- 只想要出色的单一动画→ 选项A（klik-anim + klik-cam）。
- 想要端到端完整制作视频 → 选项B（三者皆有）。
提醒——代币与模型：
本页由 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