From Code to Video

מהפכת יצירת הווידאו עם Remotion ו-Claude Code

אנימציה. גרפיקה. סאונד. קריינות.
הכל נבנה בקוד.

import { Composition } from 'remotion'
import { useCurrentFrame } from 'remotion'
import { interpolate } from 'remotion'
 
export const MyVideo = () => {
  const frame = useCurrentFrame()
  const opacity = interpolate(
    frame, [0, 30], [0, 1]
  )
  return <AbsoluteFill style={{opacity}} />

THE PROBLEM

לערוך וידאו זה... קשה

טיימליין. ליירים. אפקטים. אינסוף קליקים.

עריכת וידאו קלאסית היא ידנית. חוזרת על עצמה. ולא סקיילבילית.

00:00

00:05

00:10

00:15

00:20

00:25

00:30

VIDEO

AUDIO

TEXT

FX

MUSIC

B-ROLL

THE SOLUTION

מה זה Remotion?

בונים וידאו עם React

Remotion מאפשר לבנות וידאו באמצעות קוד. קומפוננטות. אנימציות. דינמיות מלאה.

MyComp.tsx

import { AbsoluteFill, useCurrentFrame, interpolate } from 'remotion'

export const MyComp = () => {

const frame = useCurrentFrame()

return (<AbsoluteFill style={{ background: '#0d1117' }}>

← hover <div style={{ transform: `translateX(${frame*3}px)` }} />

← hover <h1 style={{ opacity: interpolate(frame,[0,30],[0,1]) }}>Hello, Remotion</h1>

← hover <div style={{ transform: `scale(${interpolate(frame,[0,20],[0.5,1.2])})` }} />

</AbsoluteFill>)

}

Preview · frame 24

Hello, Remotion

מה אפשר לבנות

לא רק אנימציה. Remotion היא מערכת לייצור וידאו.

סרטוני
SHORTS

הדמיות
נתונים

סרטוני
Promotion

הוספת
כתוביות

אינטראקציות
בממשק

וידאו שמבוסס על דאטה, פרומפט או API.

למה עכשיו

כי בינה מלאכותית כותבת קוד

PROMPT

תאר מה אתה רוצה

AI AGENT

Claude Code מנתח ומתכנן

CODE

קומפוננטות React + Remotion

VIDEO

MP4 מוכן לפרסום

כל הצינור הזה רץ אוטומטית — אתה רק מתאר את הוידאו שאתה רוצה

מה זה Claude Code

סוכן AI שכותב, מריץ ומרנדר קוד

claude — terminal

PROJECT FILES

Root.tsx

entry point

Composition.tsx

animated title

AudioTrack.tsx

sound effects

package.json

dependencies

מה זה Skills

חבילות יכולות מובנות לסוכן

Installing remotion-skill...

0%

✔ Loaded 847 tools · ✔ Ready to render videos

React

Animation

Render

Audio

remotion-dev/skills

Skill = מאות כלים שמאפשרים לסוכן לעבוד עם Remotion

איך זה הולך לעבוד

מה תדעו לעשות עד סוף הסרטון

התקנת Remotion

יצירת פרויקט

בניית אנימציה

הוספת סאונד

רינדור ויצוא MP4

לא תיאוריה. בנייה אמיתית.

LIVE DEMO

Remotion

×

Claude Code

עכשיו בונים את זה ביחד

מפתחים את הסרטון הראשון שלכם — מפרומפט עד MP4