Motion Skills
← Skills
無料タイポグラフィ

キネティックタイポ・タイトル

3 種類の動きで見せる、エディトリアルな見出し。

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

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

プロンプト例
Use the kinetic-type-title skill to make a 9:16 title card for our launch: kicker "New", headline "Ship faster | sleep better", subline "Acme CI is now 3x faster." Use the paper theme with our accent #2b59ff.
スタイルプロンプト(Claude Motion または Opus 5.5)
Make an 8-second 16:9 title card for [who will watch, e.g. viewers of our YouTube series], playing [where, e.g. the opening of each episode]. Use only the words below; don't change them. Near-black background.

A short orange rule draws in from the left, then a small uppercase label fades in with wide letter spacing tightening. Below it, a two-line headline rises line by line from behind invisible masks with a fast expo ease: line one in an off-white editorial serif, line two in orange italic, which then gets an orange underline wiping in from left to right. A soft gray supporting line fades up word by word. End frame: the finished title, held with a slow upward drift and a faint warm glow moving behind the text.

Label: [e.g. "INTRODUCING"]
Headline: [two lines] (e.g. "Motion that" / "moves people")
Supporting line: [one short sentence]

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

この Skill で作った作品