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

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

プロンプト例
Use the circle-annotation skill with assets/landing.png and marks "0.5, 0.15: Headline says what it does | 0.8, 0.85: One clear CTA". Sand theme, 16:9.
スタイルプロンプト(Claude Motion または Opus 5.5)
Make an 8-second 16:9 annotation scene for [who will watch, e.g. investors], playing [where, e.g. the update deck]. Use only the screenshot and three notes I give. Off-white background.

The screenshot sits in the center with a soft shadow. One at a time, a rust-orange hand-drawn marker circle loops around a spot, followed by a thin black hand-drawn arrow to a white tilted sticky note in the margin with an italic serif note. End frame: all three notes showing, held for 1.5 seconds.

Attach: [a screenshot]
Three spots and notes: [e.g. revenue card → "The number investors ask about", chart spike → "Spike after the launch video", sidebar → "Everything else, one click away"]

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

このシリーズの他の Skill

スポットライト →