Communitygithub.com

reelstyles / reelstyles

仕上がりのビジュアルスタイル(切り紙、80年代アニメ、漫画、コラージュ、図解、3Dなど3スタイル)でアニメーションビデオを制作します。コードでアニメーションし、HyperFramesでレンダリングします。ユーザーが動画、フィルム、ショート、説明動画、またはReelStylesスタイルを要求したときに使用します。

reelstyles とは?

ReelStylesは、AIエージェント(Claude Codeなど)向けのスキルで、さまざまな完成度の高いビジュアルスタイル(切り紙、80年代アニメ、漫画、コラージュ、図解、3Dなど)でアニメーションビデオを制作できます。このスキルは、スタイル選択、フォーマット選択、キットの読み込み、シーン構成、レンダリングの各ステップを明確に定義し、開発者がコードとHyperFramesを使って高品質なアニメーションビデオを効率的に作成できるようにします。ユーザーが「動画」「フィルム」「ショート」「説明動画」など任意の形式の動画を要求した場合に特に有用です。対応プラットフォームは主にClaude Code(または類似のAIエージェント)を想定しており、SKILL.mdファイルに従って段階的に処理を進めます。

対応✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/reelstyles/reelstyles-free/tree/main/skills/reelstyles

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

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

ドキュメント

ReelStyles

以下のすべてのパスは、この SKILL.md が置かれているフォルダを基準とします。

  1. 最初にセットアップ。 ../../setup/setup.sh check(Windows の場合: ..\..\setup\setup.ps1 check)がこのマシンでまだ成功していない場合は、他のすべての作業の前に ../reelstyles-setup/SKILL.md に従ってください。

  2. スタイルを選ぶ。 STYLES.md を読んでください。ユーザーが見た目を指定した場合は、それを ID に一致させてください。指定がない場合は、トピックに合うスタイルを 2~3 個提案してください。スタイルにリストされているアスペクトのみを使用してください。

  3. フォーマットを選ぶ。 formats.json を読み、スタイルの「Best for」に含まれ、かつトピックと長さに合うフォーマットを選択してください。その hook、title_pattern、thumbnail_pattern を使用してください。

  4. キットを読む。 kits/<id>/ をユーザーのプロジェクトフォルダにコピーし(決してその場で編集しないでください)、次にその kit.json の read_first にリストされているファイル(STYLE.md、RENDER.md、RUBRIC.md)を、シーンを書く前にすべて読んでください。

  5. シーンを計画する。 フォーマットの beats の各ビートに対して 1 シーンです。合計時間 = ユーザーが要求した時間。指定がない場合はフォーマットの length の下限を使用します。最初のビート(フック)にはシェアの半分、残りのビートにはそれぞれ 1 シェアを与えます:シェア = 合計時間 / (ビート数 - 0.5)。各シーンはキットの entry テンプレートから始めます。9:16 の場合は templates/vertical.html とその STYLE.md の垂直セクションを使用します。シーンごとに以下を記述します:開始秒数、秒数、ビート、画面上の 1~5 語、ナレーションまたはアクション、音声。構築前に計画をユーザーに提示してください。

  6. 構築して確認する。 テンプレートから一度に 1 シーンずつ構築し、静止画を撮り、RUBRIC.md に照らして評価し、修正し、次のシーンに進みます。

  7. レンダリング は RENDER.md(共通手順)とキット独自の RENDER.md に従って行います。一度に 1 レンダリングです。

キットはユーザー自身の作品のためにライセンスされています。キットのファイルを他の公開リポジトリや回答に貼り付けないでください。オープンソース部分のクレジットは各キットの LICENSES にあります。

Individual skills in this repo

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

関連スキル