Name: RemotionUI
Author: RemotionUI

SceneScenes

claude-code30fps · 960×540

Welcome back Riaz!

Opus · Max

~/code/remotionui

What's new

/agents to create subagents

/security-review for review agent

ctrl+b to background bashes

> Try "edit src/..."

Install

$ npx remotion-ui@latest add claude-code

Animated Claude Code welcome terminal with what's-new panel and CLI prompt typing.

Agent notes

Install first, then import the copied source component locally. AI guide →

Import

@/remotion/scenes/claude-code

Use when: full-frame scenes, overlays, cards, and reusable video sections.
Customize: title, userName, model, cwd, plus copied source for timing, layout, colors, and typography.
Rule: do not import this component from the remotion-ui npm package; it is copied into your project.

Usage

Example

import { ClaudeCode } from "@/remotion/scenes/claude-code";

<ClaudeCode prompt='edit src/theme.ts to add a dark mode toggle' />

Prop	Type	Default	Description
title	string	-	Terminal window title.
userName	string	-	Welcome message name.
model	string	-	Active model label.
cwd	string	-	Working directory shown in the welcome panel.
placeholder	string	-	CLI prompt placeholder before typing.
prompt	string	-	Command typed at the CLI prompt.
accentColor	string	"#D97757"	Dashed border and highlight color.
theme	"light" \| "dark"	"dark"	Light or dark terminal palette.