Motion Skills
← Skills
無料SNS

引用カード

お客様の声や引用を、一語ずつ見せます。

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/quote-card/install.md を読んで手順どおりに「quote-card」スキルをインストールし、それを使って最初の動画を作ってください。

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

プロンプト例
Use the quote-card skill for this customer quote: "Our onboarding video went from two weeks to *two hours*." — Jordan Lee, Head of Growth at Fable. Make it 9:16.
スタイルプロンプト(Claude Motion または Opus 5.5)
Make an 8-second 16:9 testimonial clip for [who will watch, e.g. founders comparing tools], playing [where, e.g. our pricing page or a LinkedIn post]. Use only the quote, name and title I give below; don't change a word. Warm sand-colored background.

Scene 1: large rust-colored serif quotation marks drop in at the top left. Scene 2: the quote appears word by word in a dark editorial serif, each word rising slightly out of a blur, then a translucent rust highlighter sweeps under the key word. End frame: an avatar circle with the initials, and the name and title slide in below, held for 2 seconds.

Quote: [your customer's quote] (e.g. "We shipped our launch video in an afternoon. It looked like it came from a studio.")
Key word: [e.g. "studio"]
Name and title: [name, role, company] (e.g. Priya Nair, Founder, Lumen Labs)

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

この Skill で作った作品