Communitygithub.com

CrissAlvarezH/persona-hablando

「人物のスピーチ+アニメーション」形式のReel Studio動画。クリエイター自身の録画を使用し、文字起こし、カット編集、スタイルに応じたアニメーション配置を行います。

persona-hablando とは?

このスキルは、Reel Studioで「人物のスピーチ+アニメーション」形式の動画を制作するためのものです。クリエイター自身がカメラに向かって話した映像がナレーションとなり、合成音声は使いません。動画スタイルがアニメーションの見た目を決定し、このスキルは映像のカット方法とアニメーションの配置場所を定義します。対応プラットフォームはコードエージェント(Claude Codeなど)で、faster-whisperを用いた文字起こし、編集JSONの操作、スタイルに基づいたアニメーション配置、最終的なレンダリングまでを一貫して支援します。手順は、文字起こし、カットの提案と承認、編集の実行、スクリプトチェック、アニメーションの配置、ビルド、そして最終確認という流れで進みます。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/CrissAlvarezH/ai-reel-gen-app/tree/HEAD/formats/persona-hablando

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

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

ドキュメント

人物のスピーチ+アニメーション

クリエイターが自身の映像を録画しました。彼の録音がナレーションです(合成音声は使いません。tools/tts.py や standin_words.py は実行しないでください)。その他の点は、reel-studio スキルと動画のスタイルスキルに従います。スタイルがアニメーションの見た目を定義し、この形式が映像のカット方法とアニメーションの配置場所を定義します。formats/persona-hablando/format.json に、彼が「フォーマット」ページで見るルールがリストされています。それに従ってください。

ファイル

  • footage/ — 彼のクリップ。再生順に並んでいます(名前は 01-、02-… で始まります)。彼はスタジオでアップロードします(「新しいリール」または動画のページ → 「録画」)。バージョン管理されていません。編集や削除は絶対に行わないでください。
  • audio/takes.json — 各クリップの単語とタイムスタンプ(footage.py transcribe から)。
  • audio/edit.json — カット結果。使用する部分が順番に格納されます。あなたが編集し、彼の承認を得ます。
  • public/footage.mp4, public/vo.wav — カットされた映像とその音声(footage.py cut から)。vo.wav がナレーションです。audio/mix.py が合成音声と同様にミキシングします。
  • src/words.json, src/vo_env.json, src/footage.json, audio/vo.txt — カットによって生成されます。カットされた時系列上の単語(cue()、ACTS、キャプションが通常通り機能するため)と、各ピースの開始位置(JUMPS)です。
  • src/talk/Footage.tsx — <Footage />。カットされた映像をミュートレイヤーとして配置します。cutZoom(t) がピースごとにズームを切り替えます。

ツールはvenv(faster-whisperを使用。設定 → 要件 → 文字起こし。不足している場合は、彼にインストールを依頼してください)で実行します。動画のフォルダから: ../../../../.venv/bin/python ../../../../tools/footage.py …

手順

  1. 文字起こし — footage.py transcribe --lang <プロファイルの言語コード、例: es>。最初のカットのピース(0.4秒以上のポーズで区切られた発話)を、番号付きでテキストとともに表示します。後から追加されたクリップは、既存のピースに影響を与えずに末尾に文字起こし・追加されます。
  2. カットを提案する — 編集者のようにピースを読みます。言い間違い、失敗、「えー」「その」などの冗長なフィラー、同じ文章を二度言っている(明らかに最初のテイクが優れている場合を除き、最後の良いテイクを残す)、動画の主題に貢献しない脱線、後により強力なフックがあるのに開口部が弱い場合。彼に短い番号付きリストを示します — ピース番号、発話内容、あなたの提案と理由、およびプロファイルの目標に対する結果の長さ。1回のメッセージで、推奨事項を含めて送信し、「はい」で完了するようにします。彼の承認なしにカットしてはいけません。 footage.py show N は、カットがピース内にある場合、そのピースの単語をタイムスタンプ付きで表示します。edit.json でそのピースを失敗箇所を中心に2つに分割します(単語開始の約0.05秒前、単語終了の約0.15秒後でカット。単語の途中では決してカットしません)。
  3. カット実行 — audio/edit.json を編集(ピースの削除、トリミング、分割、順序変更)し、footage.py cut を実行します。表示された長さを確認し、数フレームをプレビューします(<Footage /> がフィルムに含まれたら ./snap.sh out/cut <秒> …)。アニメーションを適用する前に、スタジオのプレーヤーでカットを視聴するよう彼に依頼します。「脚本」と「カット」はここからカウントされます。 変更を求められたら、edit.json を編集して再度カットします。単語、キャプションのテキスト、タイミングは自動的に追随します。 audio/vo.txt はカットのたびに再生成されます。これは彼が言った内容を表すため、スクリプトを変更するためにこれを編集してはいけません — カットを変更するのです。audio/beats.json を通常通りその行にタグ付けします。
  4. スクリプトチェック — video-script チェックリストは、彼が言った内容にも適用されます。開始数秒にフック、1つのアイデア、早々に明かさない答え、ペイオフ、CTA。フックが弱い場合は、アニメーションでごまかすのではなく、後半のピースを使った並べ替えや、言い直す行を提案します。
  5. アニメーション — スタイルのビジュアル言語を使って、アイデアごとに1枚の絵をブレインストーミングします(reel-studio → ピクチャーズ)。配置方法は3つあり、ビートごとに選択します。
    • 彼の横に(ほとんどの場合):彼はフルフレームのまま。アニメーションはフレームの空き領域(通常は上半分または下半分で、顔から離れた場所)またはカードとして配置します。数字、リスト、用語、比較に使用。
    • 全画面(数秒間):アニメーションがフレームを覆い、彼の声はそのまま続きます。見たほうが理解しやすいもの(プロセス、地図、図表)に使用。次のポイントを述べる前に、彼の顔に戻します。
    • なし:感情的なポイントや個人的なポイントを述べている場合、彼の顔がそのまま絵になります。 まずフレーム内での彼の顔の位置を確認し(カットの静止画)、それを明確に保ちます。決して彼の目や口を覆わないでください。
  6. ビルド — src/film/Film.tsx:<Footage zoom={cutZoom(t)} /> を最下層(スタイルの背景の代わり)に、その上にシーン、さらにその上にキャプション、<Audio src={staticFile('mix.wav')} /> を通常通り配置します。スタイルの背景や紙テクスチャは、全画面のビートにのみ使用します。cue() からのアクトは通常通り src/lib.ts に記述します。テンプレートの TOTAL は、最後のフレーム(終了1秒前)を保持します。 各ピース間のジャンプ(JUMPS)は、cutZoom でフレーミングを切り替えるか、そのカットでアニメーションが入ることでカバーする必要があります。
  7. ボード、サウンド、ミュートテスト、レンダリング — reel-studio に従います。ミュートテストでは、フレームだけを見て意味が通じるか確認します。長い部分が彼の顔だけになる場合は、その旨を伝え、アニメーションを提案してアイデアを伝えるようにします。

納品

カットの長さ、削除したピース数とその理由(1行で)、どこで何をアニメーションしたか、合成要素があればその詳細を報告します。カットの修正にコストがかかった場合は、LESSONS.md(一般パート)に記録します。

Individual skills in this repo

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

CrissAlvarezH/animated-video

Make animated videos in code with Remotion (React, SVG, three.js): explainers, character stories, motion graphics, kinetic typography, paper collage and animated infographics, in 2D or 3D, from a script or voiceover, in any aspect ratio. Use when asked to animate a script, make an animated video or Reel, or motion graphics. Not for editing camera footage (video-edit) or AI-generated clips (higgsfield-*).

CrissAlvarezH/new-style

Create a new visual style for the creator's videos in a Reel Studio workspace (styles/<id>/style.json): interview him for its name, feel, colours and what each one means, fonts, motion, where pictures come from, reference links and images, then write the style so it shows in Estilos and new videos can use it. Use when he asks for a new style or presses "Nuevo estilo" on the Estilos page.

CrissAlvarezH/reel-studio

How a narrated explainer video is made in a Reel Studio workspace, in any visual style — script, pictures, voice, images, build, board, sound, mute test, render — following the creator's settings from the studio (profile, format, voice, image sources). Use for any new or revised video in a project's videos/ (projects/<id>/videos/). The video's style adds its own skill (styles/<id>/SKILL.md) for the look and the Remotion kit; LESSONS.md has what past videos taught.

CrissAlvarezH/video-script

Write short-form video scripts that hold viewers, using the creator's own video analytics. Use when choosing the hook of a chosen idea, writing or tightening a script before filming (talking-head or narrated explainer), or turning a posted video's insights into lessons. Coming up with ideas is content-ideas'.

関連スキル