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

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

プロンプト例
Use the step-ladder skill: title "How onboarding works", steps "Sign up: 30 seconds | Connect: Your data source | Invite: Your team | Launch: First report". Ink theme, 16:9.
スタイルプロンプト(Claude Motion または Opus 5.5)
Make an 8-second 16:9 process scene for [who will watch, e.g. new team members], playing [where, e.g. the onboarding deck]. Use only the title and four steps below. Sand background.

The title appears at the top left. Four cream cards rise one at a time along a staircase from the lower left to the upper right, each with an orange numbered circle, a bold title and a gray detail. An orange elbow line draws from each number to the next. End frame: the last card fills orange with white text.

Title: [e.g. "From idea to launch"]
Four steps: [e.g. "Sketch — One-line brief", "Draft — Template + copy", "Review — Snapshot check", "Ship — Render in 3 formats"]

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

このシリーズの他の Skill

リストとカード →