וידאו זה קוד.וידאוזהקוד.Claude כותב אותו.Claudeכותבאותו.

Set up a new Remotion video project wired for AI editing:
1. Run: npx create-video@latest — pick the "Blank" template, and
   enable TailwindCSS and Skills when prompted.
2. Run: npx skills add remotion-dev/skills — this installs Remotion's
   Agent Skills so the coding agent knows Remotion's APIs and conventions.
3. Start Remotion Studio with: npm run dev
Do not build any composition yet — that is the next step.

Create a Remotion composition registered in src/Root.tsx:
- A <Composition> with id "HelloWorld", the HelloWorld component,
  durationInFrames 120 (4 seconds), fps 30, width 1920, height 1080.
- Pass defaultProps = { titleText: "שלום עולם" } so the same component
  can later be rendered with different data per video.

Create src/HelloWorld.tsx — a centered title that animates in:
- Read the current frame with useCurrentFrame() and fps with useVideoConfig().
- scale: spring({ fps, frame, config: { damping: 200 } }) for a natural pop.
- opacity: interpolate(frame, [0, 30], [0, 1], { extrapolateRight: "clamp" }).
- Render an <h1> with transform: scale(...) and the opacity.
Animate everything off useCurrentFrame so the render stays deterministic.

Create src/MyVideo.tsx that lays out two scenes on the timeline using
<Sequence>:
- Scene 1: frames 0-60, <HelloWorld titleText="שלום" />.
- Scene 2: starts at frame 60 (from={60}), durationInFrames 60,
  <HelloWorld titleText="עולם" />.
Wrap both in an <AbsoluteFill> with a dark background. Update the
composition's durationInFrames to 120 to fit both scenes.

Make the video data-driven so I can mass-produce personalized variants:
- The composition already takes titleText via props (defaultProps).
- Show me the CLI command to render the same composition with different
  props per output file, using --props with a JSON string.
- Then show a tiny Node script using renderMedia from @remotion/renderer
  that loops over an array of names and renders one MP4 per name.

Create a new Remotion composition called "Promo" (1080x1920, 30fps,
5 seconds) for a brand promo:
- Scene 1 (frames 0-45): the logo springs in from scale 0 and fades in.
- Scene 2 (frames 45-150): the headline types in word by word, then a
  lime CTA bar slides up from the bottom.
- Animate everything off useCurrentFrame() with interpolate + spring, and
  clamp every interpolate range.
- This is Hebrew/RTL: set direction "rtl" and textAlign "right", and load
  a Hebrew font (e.g. via @remotion/google-fonts).
- Register the composition in Root.tsx and show it in Studio.
- Keep a CLAUDE.md documenting the aspect ratio, scenes, timing and brand
  colors so future edits stay consistent.

Render the finished video to an MP4:
1. Show the CLI command: npx remotion render <composition-id> to an
   out/ file.
2. Explain the two paths beyond the CLI: @remotion/renderer (renderMedia)
   for rendering on my own server, and @remotion/lambda
   (renderMediaOnLambda) for fast, scalable, pay-per-render cloud renders.