# Claude Chat: AIプロンプトアニメーション

Claudeのチャット入力欄にプロンプトが入力され、テキストが現れた瞬間に波形ボタンがテラコッタ色の送信ボタンに変わります。 動画テンプレート。Claude用コードをコピーするか、Subclipで編集できます。

Canonical URL: https://www.subclip.app/ja/motion-graphics-templates/remotion/claude-chat

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-claude-chat.mp4?v=0ddbbc1ed6

セリフ体のあいさつが入った温かみのあるClaudeのチャットカードで、入力欄にプロンプトが入力され、波形ボタンが送信ボタンに変わります。

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

温かみのあるオフホワイトの背景に、セリフ体のあいさつ「Back at it, Dima」の下でチャットカードがふわりと現れます。控えめなプレースホルダーと、モデル「Opus 4.8」とプラン「Max」を示すツールバーが表示されています。キャレットが点滅する短い間のあと「Draft a launch tweet for our new release」が入力され、テキストが現れるとすぐに波形ボタンがテラコッタ色の送信ボタンに変わります。約5秒で再生されます。

あいさつ、プレースホルダー、入力するプロンプト、モデル名とプラン、アクセントカラーに加えて、再生速度と背景も変更できます。AIライティングのデモ、SNSでのプロンプトのコツ紹介、Claudeを使ったツールの製品動画、チュートリアルの導入に使えます。

## 活用例

- AIライティングのデモ
- SNSでのプロンプトのコツ紹介
- Claudeベースの製品動画
- チュートリアルの導入

## 変更できる項目

- `speed`: 再生速度 (数値)
- `greeting`: あいさつ (テキスト)
- `placeholder`: プレースホルダー (テキスト)
- `prompt`: 入力されたプロンプト (テキスト)
- `modelName`: モデル名 (テキスト)
- `modelTier`: モデルのプラン (テキスト)
- `accentColor`: アクセントカラー (色)
- `stageBackground`: 現場の背景 (色)

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

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

remocnのClaude Chatをベースに作成: https://remocn.dev