Communitygithub.com

kelvinmacaco/short-animation

用于在 generate.py 中绘制 Short 视频的动画场景——为每个片段选择合适的 lib_short 部件(第 0 帧标题、单词、计数器、目标、箭头、SVG 旗帜、进度引信、充满屏幕的揭示、平静或充满活力的结局、循环),并确保每个场景都有一次与视频基调相符的交互。

short-animation 是什么?

此技能旨在帮助基于 `generate.py` 脚本生成 Short 视频的动画场景。它的核心作用是指导开发者或 AI 代理为脚本中的每个特定片段(如开场钩子、口语短语、数字、进度条等)从 `lib_short` 库中选择并应用正确的动画部件(例如 `hook_html`、`kline`、`counter`、`pavio_scene` 等),从而确保每个场景都有一次交互,并且整体动画节奏符合 1.5–2.5 秒一次的变动规则。该技能支持多种结局风格(沉重/轻松)和循环逻辑,并提供了详细的场景部件对照表、时间线管理、安全区域限制和品牌标识放置规则。它依赖于 `hyperframes`(时间线与剪辑规则)、`hyperframes-registry`(重用预制块)和 `graphify`(在库中查找部件)等配套技能。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/kelvinmacaco/kit-shorts-virais/tree/HEAD/.claude/skills/short-animation

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

场景动画

支持:技能 hyperframes(渲染契约、时间线、剪辑规则)、hyperframes-registry(在手动绘制之前先寻找现成的块,例如:glitch、CRT、图形)和 graphify,用于在 lib 中查找部件(graphify explain "pavio_scene")。

从 template/build/generate.py 开始,它已经包含了针对脚本每个部分的示例场景。

每个片段的正确部件

片段部件备注
第 0 帧 / 钩子hook_html + shake + drift同一标题在循环中再次出现
所说的短语kline + words_js; 关键词处使用 slam每行 2–4 个单词
谜团点亮的灯光,在 "PIOR"/"DATA" 处使用 slam旋转的日历("20??")
数字counter(...) + 冲击缩放 + shake使用 pt-BR 格式(toLocaleString)
地点或目标脉动的 ping 环配合日期或 mono 字体
冲突碰撞的箭头 + 闪烁 hitA 方 × B 方
双方或国家SVG 旗帜 + 绘制出的线条(pathLength="1")+ 带标签的旅行点不绘制盾徽
列表进度pavio_scene,每项燃烧的引信,在高潮处爆炸代替 "1/3";仅作为最后手段使用 step_badge
破坏、规模充满屏幕的点(clip-path)+ 巨大的计数器数据字体使用 mono
电视窗口tvv + enter_tv用于横向片段
沉重 的结尾柔和的问题、缓慢填充的心形、深色 follow_card、淡出至黑色无弹出、火花、闪烁或剪切
轻松 的结尾like_block + plane_svg + follow_card可以有弹出和闪光
循环钩子的反向片段结束于第 0 帧 + 同一标题从黑色(沉重)或使用 osd_rewind(轻松)开始

规则

  • 每 1.5–2.5 秒有变化,每个场景有且仅有一次交互。
  • 时间: 局部在 scene() 内,全局在 SCENES、剪切、效果和字幕中。
  • 安全区域: 文本 x 90–900 和 y 170–1330。长行:减小字体(Archivo Black 每个字母约占 0.75 字符宽度)。
  • @ 品牌标识: 库将其放在字幕下方(WM_TOP);不要另行绘制。
  • 剪辑规则:
    • 不要动画剪辑自身的 visibility/opacity;
    • 在随后的 fromTo 中使用 immediateRender:false;
    • 使用 repeat+yoyo 实现连续效果(火花、脉冲);
    • 无随机性(颗粒使用固定种子)。
  • 基调: 在沉重的视频中,红色脉冲最多 0.32 的不透明度;在轻松的视频中,颜色更鲜艳。

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

相关技能