Communitygithub.com

kelvinmacaco/short-animation

ショート動画の各シーンをgenerate.pyでアニメーション描画するためのスキル。lib_shortから適切なパーツを選び、各シーンにインタラクションを保証します。

short-animation とは?

このスキルは、Short動画の各シーンを生成するための包括的なガイドラインを提供します。`hyperframes`、`hyperframes-registry`、`graphify`などの補助スキルと連携し、`template/build/generate.py`を起点として、フック、セリフ、ミステリー、数字表示、対立表現、進捗表示、エンディングなど、シナリオの各パートに最適なアニメーションパーツを選択する方法を定義しています。それぞれのシーンに1.5〜2.5秒ごとの変化とインタラクションを保証し、セーフエリア、ブランド表示、クリップルール(visibility/opacityの直接アニメーション禁止、`immediateRender:false`の使用、連続エフェクトへのyoyoの活用、ランダム性の排除など)を厳守します。動画のトーン(重厚か軽快か)に応じて、エンディングのスタイルやカラーパレットも変化します。SVG旗、カウンター、パイプシーン、テレビ枠などの具体的なパーツが、各シーンの役割に合わせてテーブル形式で整理されており、開発者はそれに従って効率的にアニメーションを組み立てることができます。

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

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

シーンアニメーション

サポートスキル: hyperframes(レンダリング契約、タイムライン、クリップルール)、hyperframes-registry(手描きする前に既製ブロックを探す、例:glitch、CRT、グラフィック)、graphify(ライブラリから適切なパーツを検索、graphify explain "pavio_scene")。

template/build/generate.pyから始めてください。このテンプレートにはスクリプトの各パートに対応するシーンの例がすでに用意されています。

各パートに最適なパーツ

パートパーツ注意点
フレーム0 / フックhook_html + shake + drift同じタイトルがループでも使われる
話し言葉kline + words_js; キーワードに slam2〜4単語のチャンクごとに1行
ミステリー灯りがつく、slam in "PIOR"/"DATA"回転するカレンダー ("20??")
数字counter(...) + インパクトスケール + shakept-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ポップや輝きOK
ループフックの逆再生クリップ、フレーム0で終了 + 同じタイトルブラックから(重厚)または osd_rewind 付き(軽快)

ルール

  • 1.5〜2.5秒ごとに何かが変化し、各シーンにはインタラクションが必要。
  • 時間指定: シーン内は scene() のローカル、全体は SCENES、カット、エフェクト、字幕でグローバル。
  • セーフエリア: テキストは x 90〜900、y 170〜1330 に配置。長文はフォントを小さく(Archivo Black は文字あたり約0.75emを占有)。
  • ブランド @: ライブラリが字幕の下に自動配置(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.

関連スキル