Communitygithub.com

reel-builder

複数のエフェクトクリップを、チャット画面でコマンドを打つ形式のバイラルリールに変換します。キーボード打鍵音のみを追加し、ユーザーが自分で音楽を重ねられるようにします。

reel-builder とは?

このスキルは、Claude Codeや類似のAIエージェント環境で動作するリールビルダーです。4〜8個のエフェクトクリップを、AIがチャットでコマンドを実行するような形式のバイラルリールに自動変換します。具体的には、スマートフォン画面に「/エフェクト名」と打ち込まれ、Claudeが「エフェクト名で編集中...」と応答し、オレンジ色のドットからビルドアップしたクリップがフルスクリーンで表示され、最後に「Comment EFFECT」グリッドで締めくくられるフォーマットです。全てコードで描画されるため、どのマシンでも同じ見た目で出力されます。ユーザーは設定ファイルを編集することで、グリーティング、CTAキーワード、各エフェクトのオフセットなどを細かく調整でき、レンダリング前にスチルで確認する機能も備えています。出力は打鍵音入りのリール、無音版、およびWAV打鍵音ファイルの3つで、音楽を自由にミックスできます。

対応✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/raycfu/claude_design_skills/tree/HEAD/reel-builder

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

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

ドキュメント

/reel-builder

4〜8個の編集済みクリップをチャット形式のリールにラップします。これは、スマートフォン画面が /glass-widgets と入力し、 Claudeが「Editing with glass-widgets...」と応答し、クリップがオレンジのドットからビルドアップされ、2秒間フルスクリーンにズームし、 リールの最後は「Comment EFFECT」グリッドで終わる形式です。すべてコードで描画されるため、どのマシンでも同じようにレンダリングされます。

SK はこのスキルのフォルダです。エフェクトスキルのPython環境(~/.claude/skills/effects/.venv)を再利用します。 それが存在しない場合は、最初に bash ~/.claude/skills/effects/scripts/setup.sh を実行してください。 PY = ~/.claude/skills/effects/.venv/bin/python(Windowsでは .venv\Scripts\python.exe)。

1. クリップを集める

各エフェクトについて、同じ瞬間の2つのファイルが必要です:

  • raw:エフェクト適用前のクリップ(チャットのサムネイルとして表示されるもの)
  • edited:エフェクト適用後のクリップ(エフェクトスキルからの yourclip_effects.mp4)

各編集済みクリップは少なくとも4秒以上の長さにし、エフェクトが画面上でフェードアウトしないように、必要な長さより少し長めにレンダリングしてください。 垂直1080x1920が理想的です。それ以外の場合はスケーリングされて収まります。

2. 各エフェクトの瞬間を選ぶ

各エフェクトは、T_FULL + full_seconds の間クリップを表示します(チャットカードで2.2秒、その後 full_seconds 秒フルスクリーン、デフォルト2)。 offset は、そのウィンドウが編集済みクリップのどこから始まるかを指定します。フルスクリーン部分が見せ場(最後のチェックリストのチェック、グラフが目標数値に到達する瞬間、人が看板を指す瞬間など)に当たるように選んでください。スチルで確認しながら調整します(ステップ4)。

3. 設定ファイルを書く

SK/examples/config.json をクリップの隣にコピーして編集します。ユーザーに以下の項目を尋ねてください:

  • グリーティング用のファーストネーム("greeting": "Evening, <name>")
  • CTA用のコメントキーワード(cta_word、例:EFFECT)とその下のピルライン(cta_pill)
  • リールを開くエフェクト(cold_open.effect、effects へのインデックス)とその3つの単語(cold_open.lines)
  • エンドグリッド用の最大8個のクリップ(grid、各クリップはラベル、クリップ、良いフレームの時間を持つ)
  • オプションの more_label(例:+43 more effects)

設定できるキー:output、full_seconds、end_seconds、cold_open(effect、from、seconds、lines;コールドオープンがない場合は省略)、effects[](name、desc、raw、edited、offset)、greeting、end_command、end_desc、 cta_word、cta_pill、more_label、reply_line1、reply_line2、grid_title、grid_subtitle、grid[](label、clip、t)。 パスは設定ファイルからの相対パスです。

4. 確認して、レンダリングする

  1. "PY" "SK/scripts/reel.py" config.json --info で長さを表示します。
  2. "PY" "SK/scripts/reel.py" config.json --test 3.0 5.5 9.0 ... で設定ファイルの隣に check_XX.XX.jpg スチルを保存します。 各フルスクリーンウィンドウの開始と終了を確認してください(サイクルkは cold_open.seconds + k * 4.2 から始まり、 フルスクリーンは +2.2 から +4.2 まで)。自分で確認してください。すべてのウィンドウが見せ場で終わるまで offset を調整します。
  3. "PY" "SK/scripts/reel.py" config.json で3つのファイルをレンダリングします:打鍵音入りのリール、無音コピー、 打鍵音のWAVファイル。ユーザーが自分の音楽をミックスできるようにします。最高品質には --crf 5 を、より多くのCPUコアを使用するには --jobs N を使用します。

ルール

  • ブランドロゴは使用禁止。動作インジケーターは意図的にオリジナルの回転リングを使用しています。ユーザーがファイルを提供した場合でも、他の会社のロゴをリールに描画したり貼り付けたりしないでください。
  • フルスクリーンのクリップ上に焼き付けられたキャプションは禁止。エフェクトに瞬間を語らせてください。
  • ユーザーが音楽をリクエストしない限り、打鍵音だけをオーディオとして残してください。

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

関連スキル