# Agent Steps: エージェントタスクログ

AI エージェントは、チェックされた一連のステップでタスクを完了します。 動画テンプレート。Claude用コードをコピーするか、Subclipで編集できます。

Canonical URL: https://www.subclip.app/ja/motion-graphics-templates/remotion/agent-steps

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-snapcn-agent-steps.mp4?v=011203dce4

AI エージェントのタスク ログ。プロンプトの下に各ステップがリストされ、作業が完了するとチェックマークに変わる小さなアイコンが表示されます。

- フレームワーク: Remotion
- カテゴリ: AIチャット入力
- 再生時間: 5秒
- アスペクト比: 16:9 横向き
- コード: コードを取得（無料ログイン）：https://www.subclip.app/ja/motion-graphics-templates/remotion/agent-steps

軽いページの上部にある小さな丸薬でユーザーのリクエストが表示されます。その下には、検索、コンポーネントの検索、小道具の確認などの手順が一度に 1 行で流れます。各行には小さなアイコンが表示され、完了すると青いチェックマークが付きます。一方、最新のステップは薄い灰色のテキストで待機します。フレームの片隅に柔らかな光が灯ります。最後のステップの後、ログは結果行で終了し、しばらく保持されます。

リクエストテキスト、ステップのリスト、および最終結果行を変更します。保留時間は、リクエスト、各ステップ、およびエンディングが画面に表示される時間を制御します。ページ、錠剤、テキスト、ステップとアクセントの色、グローの色とそのサイズ、フォントを設定することもできます。 AI エージェント、コーディング アシスタント、自動化ツールのデモに適しており、無料サインイン後、コードをコピーして Claude または Codex で使用できます。

## 活用例

- AIエージェント製品のデモ
- コーディングアシスタントのチュートリアル
- 自動化ツールの起動ビデオ
- 進行中の作業ステップの表示

## 変更できる項目

- `speed`: 再生速度 (数値)
- `query`: リクエストテキスト (テキスト)
- `steps`: タスクのステップ (テキスト)
- `result`: 結果行 (テキスト)
- `stepHold`: ステップホールド時間 (数値)
- `queryHold`: リクエストの保留時間 (数値)
- `finalHold`: 終了ホールド時間 (数値)
- `paperColor`: ページの色 (色)
- `glowColor`: グローカラー (色)
- `glowRadius`: グローサイズ (数値)
- `pillColor`: 錠剤の色をリクエストする (色)
- `inkColor`: 文字の色 (色)
- `stepColor`: ステップのテキストの色 (色)
- `accentColor`: チェックマークの色 (色)
- `fontFamily`: フォント (テキスト)
- `stageBackground`: 現場の背景 (テキスト)

## このテンプレートの使用方法

1. Mac または Windows 用の Subclip をダウンロードします。このページのすべてのテンプレートはプリインストールされています。
2. [テンプレート]パネルを開き、[Agent Steps]を選択してタイムラインにドロップします。
3. レイヤー設定のテキスト、色、タイミングを変更するか、AI エージェントに編集を依頼します。
4. ビデオをエクスポートするか、コードをダウンロードして独自のプロジェクトでテンプレートを使用します。

snapcnのAgent Stepsをベースに作成: https://snapcn.dev