# Claude Code: ターミナルプロンプトアニメーション

Claude Codeのターミナルのウェルカム画面がふわりと現れ、ブロックカーソルの後ろでプロンプトにコマンドが自動で入力されます。 動画テンプレート。Claude用コードをコピーするか、Subclipで編集できます。

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

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

破線のウェルカムボックス、最近のアクティビティと新機能のパネル、プロンプトに入力されていくコマンドを備えたClaude Code CLIのウェルカム画面です。

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

暗いターミナルウィンドウがふわりと現れ、「Claude Code v2.0.0」というタイトルのテラコッタ色の破線ウェルカムボックス、ユーザーへのあいさつ、モデル行「Opus 4.8 - Max 20x」、作業ディレクトリ、最近のアクティビティと新機能のパネルが表示されます。プロンプトでは控えめなプレースホルダーの横でブロックカーソルが点滅し、続いて「edit src/theme.ts to add a dark mode toggle」というコマンドが1文字ずつ入力されます。約5秒で再生され、入力済みのコマンドで止まります。

ボックスのタイトル、ユーザー名、モデル行、作業ディレクトリ、プレースホルダー、入力するコマンドに加えて、アクセントカラー、再生速度、背景も変更できます。コーディングエージェントのデモ、開発者ツールのローンチ動画、チュートリアルのイントロ、AIコーディングを扱うSNS用クリップに使えます。

## 活用例

- コーディングエージェントのデモ
- 開発者ツールのローンチ動画
- チュートリアルのイントロ
- AIコーディングのSNS用クリップ

## 変更できる項目

- `speed`: 再生速度 (数値)
- `title`: ボックスのタイトル (テキスト)
- `userName`: ユーザー名 (テキスト)
- `model`: モデル行 (テキスト)
- `cwd`: 作業ディレクトリ (テキスト)
- `placeholder`: プレースホルダー (テキスト)
- `prompt`: 入力するコマンド (テキスト)
- `accentColor`: アクセントカラー (色)
- `stageBackground`: 現場の背景 (色)

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

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

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