Communitygithub.com

papercut

「ペーパーカット」スタイルのリールを生成します。重ねられた折り紙、紙の質感、破れたエッジ、影のストリップ、ドロップシャドウ、カットアウトアニメーション、ゆっくりとしたカメラのプッシュ、テープで留められた見出しバナー、単語ごとに現れる破れたタグのキャプションが特徴です。ユーザーが「切り紙」、「ペーパークラフト」、「紙の切り抜き」、「紙のコラージュ」、「折り紙」、または「デフォルトの手作り解説風の見た目」を求めた場合に使用します。

papercut とは?

このスキルは、動画説明用ライブラリ「motion-explainer」のスタイルの一つで、重ねられた折り紙のようなアニメーションリールを生成します。紙の質感、破れたエッジ、ドロップシャドウ、積み重なった影のストリップ、ストップモーション風の「紙のゆらぎ」、ゆっくりとしたカメラのプッシュ、テープで留められた見出しバナー、単語ごとに現れる破れたタグのキャプションが特徴です。Remotionとfframesの2つのエンジンをサポートしており、`style.json`マニフェストと各エンジン用のテンプレート、キット、ツールが含まれています。パイプラインスキル(`motion-explainer`、`motion-script`、`motion-storyboard`、`motion-build`、`motion-qa`)はスタイル名を`$MOTION_STYLE`として受け取るため、このスタイルを選択してもワークフローは変わりません。ドキュメント`docs/style-guide.md`がスタイルの決定版であり、このファイルはそのインデックスとして機能します。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/boytegar/motion-skills/tree/HEAD/style/papercut

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

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

ドキュメント

重ねられた折り紙:紙の質感、破れたエッジ、積み重なった影のストリップ、ゆっくりとしたカメラのプッシュ、そしてストップモーションの紙のゆらぎ。

これはモーション解説ライブラリのスタイルの一つです。すべてのスタイルに共通して、style.jsonマニフェスト、Remotionエンジン、fframesエンジンの3つが含まれています。パイプラインスキル(motion-explainer、motion-script、motion-storyboard、motion-build、motion-qa)はスタイル名を$MOTION_STYLEとして受け取るため、このスタイルを選択してもワークフローの他の部分は変わりません。

使用するタイミング

このスタイルは、以下に示すDNAに一致する要件がある場合に使用してください。まずdocs/style-guide.mdを読んでください。これが決定版であり、このファイルはそのインデックスです。

スタイルDNA

  1. すべてのオブジェクトは平らな折り紙:単一のベタ塗り、約10%の細かい紙繊維の質感、わずかに不規則なハサミで切ったようなエッジ、そして柔らかいドロップシャドウ(x=0、y=3~6px、ぼかし6~10px、30%黒)。グラデーションや輪郭線はなし。
  2. 陰影は切り抜きを重ねて表現:暗い下部ストリップと明るいハイライトストリップ。ブレンドは行わない。
  3. オーソグラフィック(正投影)ビューのみ。電話サイズでも見やすく、がっしりとしたスタイル。光源は左上。
  4. 彩度は控えめに使用:くすんだ落ち着いた背景、鮮やかな色はキャラクター、キャプション、状態信号のみ。
  5. ワールドカメラはスムーズに動く。バナーとラベルのみがゆらぎ、2コマごとにステップする。

パレット:クリーム #DACEC0、インク #1C1B17、テープ #C3B284、ヒーロー #D67354、キャプション #3968AD、タグ #C9573C

キットコンポーネント

Remotion、../lib/<file> からインポート可能(キットは各プロジェクトの src/lib/ に同期されます):

コンポーネント説明
<Paper lift torn>ベースラッパー:紙の質感、粗いまたは破れたSVGフィルター、ドロップシャドウ
<Slab x y w h color shade hi>プリミティブ:影のストリップ、ハイライトストリップ、紙の質感を持つ切り紙の長方形
<Disc x y d color>丸い切り抜き(のぞき穴、車輪、リベットなどに使用)
<Pill x y text>小さな紙のラベルチップ
<Card x y w h lines>罫線入りの紙のカード
<PopIn at>バネ入場、小さな落ち着く傾きを伴う
<Backdrop name>既知のfloorYを持つ、準備された紙のセット
<CameraPush>ワールドカメラの動き
<TapeBanner text>テープで留められた見出しバナー、ビートごとに1つの重要な事実
<WordTagCaptions captions>破れたタグのキャプション、単語ごとに1つ、オンセットでポップイン
<CutSeries scenes cuts>シーンセット間のトランジションエンジン

何も真空の中でゆらぐわけではない

docs/style-guide.md のセクション2がスタイルDNAです。docs/frame-breakdown.md は約28秒の具体例です。その内容ではなく、イベント密度をコピーしてください。

エンジン

エンジンパスエントリ
remotionremotion/template/、kit/、sync_kit.sh、CATALOG.md、AGENT_BRIEF.md
fframesfframes/Cargo.toml、src/ (lib、tokens、kit、look、video、main)、tools/ff.sh

登録エンジン:remotion、fframes。

エピソードをスキャフォールドする

# ライブラリルートから、MOTION_LIB が解決されている状態で
./core/new_episode.sh <series-dir> 01-slug Episode out-name --style papercut --engine remotion
./core/new_episode.sh <series-dir> 01-slug Episode out-name --style papercut --engine fframes

または、シリーズの SERIES.md / episode.json で "style": "papercut" を指定し、motion_style_of に自動認識させることもできます。

このスタイルのQA

シーンが完了したと見なす前に、すべてのコンタクトシートで以下の点を確認してください。motion-qa のその他のチェックリストも引き続き適用されます。

  • すべてが紙として認識されること:紙の質感、粗いエッジ、ドロップシャドウ、積み重ねたパーツの陰影、輪郭線やグラデーションがないこと。
  • ワールドカメラはスムーズに動くこと。バナーとラベルのみがゆらぐこと。
  • バナーはテープで留められ、3~7単語、ビートごとに1つの事実、ナレーションを繰り返さないこと。
  • キャプションは単語ごとに1つの破れたタグ、傾き、オンセットでポップイン、68~80%の範囲であること。
  • 強調された単語ごとに視覚的イベントがあり、常にアンビエントモーションが動作していること。

ファイル

  • docs/style-guide.md
  • docs/style-prompt.md
  • docs/motion-principles.md
  • docs/asset-prompts.md
  • docs/frame-breakdown.md
  • remotion/CATALOG.md
  • remotion/AGENT_BRIEF.md
  • remotion/RECIPES.md
  • style.json:マニフェスト(キャンバス、エンジンリスト、ドキュメントパス、オーディオルート)
  • sample.png:代表的なフレーム1枚

Individual skills in this repo

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

関連スキル