Motion Skills
← Skills
Premium解説

テキスト + 画面の分割

片側に見出しと要点、もう片側にスクリーンショットがスライドイン。

Claude Code、Codex、Cursor など Skill に対応したエージェントに貼り付けてください。

必要なもの: Node.js 22+、FFmpeg、Chrome。API キー不要。

ほかのテーマと画面比率

テキスト + 画面の分割 · エレクトリック · 9:16
テーマ: エレクトリック · 9:16
テキスト + 画面の分割 · インク · 1:1
テーマ: インク · 1:1

同じテンプレートをテーマと画面比率を変えてレンダリングした最終フレームです。

5つのテーマ

  • インク
    ink
  • ペーパー · デフォルト
    paper
  • エレクトリック
    electric
  • ノワール
    noir
  • サンド
    sand

プロンプトでテーマ名を指定するだけで切り替わります。アクセント色・背景色・文字色を自分で指定することもできます。

インストール用プロンプト
https://claude-motion.com/skills/text-screen-split/install.md を読んで手順どおりに「text-screen-split」スキルをインストールし、それを使って最初の動画を作ってください。

Claude Code、Codex、Cursor など Skill に対応したエージェントに貼り付けてください。

プロンプト例
Use the text-screen-split skill: kicker "Mobile", headline "Your inbox, in your pocket", points "Offline mode | Smart filters", image assets/inbox-phone.png, phone frame. Electric theme, 9:16.
スタイルプロンプト(Claude Motion または Opus 5.5)
Make a 7-second 16:9 product scene for [who will watch, e.g. existing customers], playing [where, e.g. the release email]. Use only the label, headline, bullets and screenshot I give. Off-white background.

On the left, a small orange uppercase label, then the bold headline rising word by word, then three bullet points with orange dots. On the right, a browser window with the screenshot glides in from the right. End frame: the window floats gently beside the text.

Label: [e.g. "NEW IN 3.0"]
Headline: [e.g. "Reports that write themselves"]
Three bullets: [e.g. "Pulls live numbers", "Explains the why", "Sends every Monday"]
Attach: [a screenshot of the feature]

インストール不要:Claude Motion(Team または Enterprise)に貼り付けるか、Opus 5.5 に渡すと近い雰囲気になります。結果は実行ごとに変わります。Skill なら毎回同じ結果です。

このシリーズの他の Skill

デバイス →