Motion Skills
← Skills
無料解説

サイクルループ

リング上のステップを矢印がつなぎ、パルスが回り続けます。

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

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

プロンプト例
Use the cycle-loop skill: title "How we iterate", steps "Ship | Listen | Decide", center "Weekly". Ink theme, 9:16.
スタイルプロンプト(Claude Motion または Opus 5.5)
Make an 8-second 16:9 loop diagram for [who will watch, e.g. the marketing team], playing [where, e.g. the planning deck]. Use only the title and four steps below. Off-white background.

The title appears. Four white rounded cards with small orange numbers pop in around a faint dotted circle: top, right, bottom, left. Curved orange arrows draw clockwise from each card to the next. A short line fades in at the center in gray. End frame: a glowing orange dot travels around the circle continuously, briefly outlining each card in orange as it passes.

Title: [e.g. "The content flywheel"]
Four steps: [e.g. Publish, Measure, Learn, Improve]
Center line: [e.g. "Every week"]

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

このシリーズの他の Skill

図解 →