Animations from One Sentence with Claude Code: 6 Ready-Made Commands, a Real Test Run and the Resulting Clips (Step by Step)

node -v

mkdir -p .claude/commands girdi
# put your logo in this folder as girdi/logo.png

---
description: Map route animation
---
Create a short animation (B-roll) to be added to the user's video. The user will place this clip at the moment in their own video where that sentence comes up.
Using Remotion, build a 1080×1920 (vertical), 30 fps, roughly 3.5-second animation and render it as an MP4 (output: out/video.mp4).
Keep text inside the Instagram/TikTok safe zone (200 pixels in from the top, 360 from the bottom, 64 from the sides).
The animation must never freeze: when the main motion ends, the camera should keep pushing in very slowly. Don't download images from the internet; draw the scene with code. If the user provided an image (e.g. girdi/logo.png), copy it into the public/ folder and use it in a suitable place in the scene (logo, brand area, card).
If information is missing, make a reasonable assumption and briefly state what you assumed at the end.

The user's sentence: $ARGUMENTS

Style: Draw a white, minimal, isometric 3D city model: blocks of different heights, streets between them, a light blue river running diagonally across and a few green parks.
Draw a thick blue route that follows the streets from the starting point to the destination in the user's sentence; at the tip of the route, put a blue dot that pulses like a heartbeat.
When the route finishes, a red location pin should bounce down onto the destination and a white card should open next to it: destination name · distance · time.
The camera should follow the tip of the route smoothly while pushing in slightly. Neighborhood names should sit on the map in small gray text.

---
description: Newspaper headline animation
---
Create a short animation (B-roll) to be added to the user's video. The user will place this clip at the moment in their own video where that sentence comes up.
Using Remotion, build a 1080×1920 (vertical), 30 fps, roughly 3.5-second animation and render it as an MP4 (output: out/video.mp4).
Keep text inside the Instagram/TikTok safe zone (200 pixels in from the top, 360 from the bottom, 64 from the sides).
The animation must never freeze: when the main motion ends, the camera should keep pushing in very slowly. Don't download images from the internet; draw the scene with code. If the user provided an image (e.g. girdi/logo.png), copy it into the public/ folder and use it in a suitable place in the scene (logo, brand area, card).
If information is missing, make a reasonable assumption and briefly state what you assumed at the end.

The user's sentence: $ARGUMENTS

Style: A cream-colored newspaper page should drop onto a dark, slightly blurred desk surface, rotating slightly, and settle with its shadow.
On the page: a bold serif newspaper masthead (make up a fictional name), a date line, thin rules, a small kicker, a large serif headline from the user's sentence, a byline and two paragraphs with a drop cap.
A yellow highlighter should sweep left to right over the sentence in the paragraph that supports the headline, coloring it line by line. The camera should slowly push in toward the highlight.

---
description: Live chart / counter animation
---
Create a short animation (B-roll) to be added to the user's video. The user will place this clip at the moment in their own video where that sentence comes up.
Using Remotion, build a 1080×1920 (vertical), 30 fps, roughly 3.5-second animation and render it as an MP4 (output: out/video.mp4).
Keep text inside the Instagram/TikTok safe zone (200 pixels in from the top, 360 from the bottom, 64 from the sides).
The animation must never freeze: when the main motion ends, the camera should keep pushing in very slowly. Don't download images from the internet; draw the scene with code. If the user provided an image (e.g. girdi/logo.png), copy it into the public/ folder and use it in a suitable place in the scene (logo, brand area, card).
If information is missing, make a reasonable assumption and briefly state what you assumed at the end.

The user's sentence: $ARGUMENTS

Style: A black panel: a brand name at the top left, "MONTHLY · YEARLY" tabs at the top right, the metric name below.
A large counter should count smoothly from the starting value to the ending value in the user's sentence. Next to it, an orange badge: the percentage change.
At the bottom, a line chart by year should draw from left to right: gray up to the event point in the sentence, orange and steep after it; a dashed vertical line and a label at the event point, and an orange dot pulsing like a heartbeat at the tip.

---
description: Product exploded-view animation
---
Create a short animation (B-roll) to be added to the user's video. The user will place this clip at the moment in their own video where that sentence comes up.
Using Remotion, build a 1080×1920 (vertical), 30 fps, roughly 3.5-second animation and render it as an MP4 (output: out/video.mp4).
Keep text inside the Instagram/TikTok safe zone (200 pixels in from the top, 360 from the bottom, 64 from the sides).
The animation must never freeze: when the main motion ends, the camera should keep pushing in very slowly. Don't download images from the internet; draw the scene with code. If the user provided an image (e.g. girdi/logo.png), copy it into the public/ folder and use it in a suitable place in the scene (logo, brand area, card).
If information is missing, make a reasonable assumption and briefly state what you assumed at the end.

The user's sentence: $ARGUMENTS

Style: On a dark studio backdrop with a lit center, the product from the user's sentence should stand in isometric view, then separate into its layers, spreading apart vertically.
Next to each layer, a label connected by a thin line: an orange number and a short description ("01 …", "02 …"), in monospace text.
The layers should separate one after another, with a slight delay; the product should rotate very slowly.

---
description: Desk note (data) animation
---
Create a short animation (B-roll) to be added to the user's video. The user will place this clip at the moment in their own video where that sentence comes up.
Using Remotion, build a 1080×1920 (vertical), 30 fps, roughly 3.5-second animation and render it as an MP4 (output: out/video.mp4).
Keep text inside the Instagram/TikTok safe zone (200 pixels in from the top, 360 from the bottom, 64 from the sides).
The animation must never freeze: when the main motion ends, the camera should keep pushing in very slowly. Don't download images from the internet; draw the scene with code. If the user provided an image (e.g. girdi/logo.png), copy it into the public/ folder and use it in a suitable place in the scene (logo, brand area, card).
If information is missing, make a reasonable assumption and briefly state what you assumed at the end.

The user's sentence: $ARGUMENTS

Style: A taped white note sheet should arrive on top of a green cutting mat with measurement lines: a small kicker, a title from the user's sentence and a line chart that looks hand-drawn.
A circle should be drawn in red pen around the critical point on the chart, with a short handwritten note next to it.
A second, smaller sheet should slide in from the bottom: a one-word label on black label tape, with a two-sentence explanation in typewriter text below it.

---
description: Ink painting animation
---
Create a short animation (B-roll) to be added to the user's video. The user will place this clip at the moment in their own video where that sentence comes up.
Using Remotion, build a 1080×1920 (vertical), 30 fps, roughly 3.5-second animation and render it as an MP4 (output: out/video.mp4).
Keep text inside the Instagram/TikTok safe zone (200 pixels in from the top, 360 from the bottom, 64 from the sides).
The animation must never freeze: when the main motion ends, the camera should keep pushing in very slowly. Don't download images from the internet; draw the scene with code. If the user provided an image (e.g. girdi/logo.png), copy it into the public/ folder and use it in a suitable place in the scene (logo, brand area, card).
If information is missing, make a reasonable assumption and briefly state what you assumed at the end.

The user's sentence: $ARGUMENTS

Style: On a cream paper texture, an ink blot should spread open from the center and turn into a traditional East Asian ink painting landscape: layer upon layer of misty gray mountains, a red sun, a small boat on the water, a few birds in flight.
On the right side, the user's sentence should appear letter by letter in vertical text. Colors: only black-gray tones and a single red. The camera should drift very slowly horizontally.

claude -p "/grafik Kahve Durağı: weekly Instagram orders went from 40 to 180. Our logo: girdi/logo.png" \
  --permission-mode acceptEdits \
  --allowedTools "Bash" "Read" "Write" "Edit" \
  --output-format json > result.json