# Prompt Send: プロンプトタイピングアニメーション

フロストされたチャット ボックスは、カーソルがプロンプトを送信する前にプロンプトを入力します。 Subclipで編集できる動画テンプレート。

Canonical URL: https://www.subclip.app/ja/motion-graphics-templates/remotion/prompt-send

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-snapcn-prompt-send.mp4?v=ddc2f8940c

柔らかい青のグラデーション上のガラス スタイルのチャット入力。プロンプトを入力し、提案チップが表示され、カーソルが送信ボタンをクリックするとズームインします。

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

シーンは柔らかい青のグラデーションの上につや消しのチャット パネルで開き、フィールドにはプレースホルダー テキストが待機しています。プロンプトが入力されると、その下に「背景を選択」や「シーンを組み立て」などの候補チップが次々と表示されます。ポインタが丸い送信ボタンに移動してクリックすると、ビューが元に戻ります。カメラがさらに近づいてきます。ビート全体には約 5 秒半かかります。

プロンプト、プレースホルダー、チップ ラベルを作成し、ボックスの幅、フィールドの高さ、角の半径、テキスト サイズを調整できます。タイミング コントロールは、入力の開始とその継続時間、チップが表示されるタイミング、ズームのカットインとカットアウトのタイミング、およびクリックが完了するタイミングを設定します。アクセントカラー、ライトモードまたはダークモード、フォントも選択します。 AI 製品のデモや機能の発表に適しています。

## 活用例

- AI 製品デモの紹介
- チャットボット機能のお知らせ
- チュートリアルのプロンプトの例

## 変更できる項目

- `speed`: 再生速度 (数値)
- `text`: プロンプトテキスト (テキスト)
- `placeholder`: プレースホルダーテキスト (テキスト)
- `chips`: 提案チップ (テキスト)
- `width`: ボックスの幅 (数値)
- `fieldHeight`: フィールドの高さ (数値)
- `fontSize`: 文字サイズ (数値)
- `chipFontSize`: チップ文字サイズ (数値)
- `radius`: コーナー半径 (数値)
- `typeStart`: タイピング開始 (数値)
- `typeDuration`: タイピング時間 (数値)
- `chipsAt`: チップの出現場所 (数値)
- `chipStagger`: チップ間の遅延 (数値)
- `cutInAt`: 時間をズームインする (数値)
- `cutOutAt`: ズームアウト時間 (数値)
- `zoomIn`: ズームイン量 (数値)
- `zoomOut`: ズームアウト量 (数値)
- `focusX`: ズームフォーカス水平方向 (数値)
- `focusY`: 垂直方向のズームフォーカス (数値)
- `clickAt`: クリック時間 (数値)
- `cursor`: カーソルを表示 (オン / オフ)
- `accentColor`: アクセントカラー (色)
- `mode`: ライトモードまたはダークモード (テキスト)
- `fontFamily`: フォント (テキスト)
- `stageBackground`: 現場の背景 (テキスト)

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

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

snapcnのPrompt Sendをベースに作成: https://snapcn.dev