---
name: hebrew-motion-studio
description: סטודיו מושן ווידאו בעברית - בונה אנימציות קצרות (פתיח לריל, כותרת קינטית, נתון מונפש, חשיפת לוגו, הסבר תהליך, הדגמת מוצר) כקוד HTML שמרונדר ל-MP4 עם Playwright ו-ffmpeg, כולל טקסט עברי תקין מימין לשמאל, מוזיקה, צלילים, טשטוש תנועה ובדיקת איכות. גם עורך סרטון שצולם (תמלול לפי מילה, חיתוך שתיקות, כתוביות בעברית, אפקטים על מילים). להפעיל כשמבקשים "תיצור לי אנימציה", "סרטון לריל", "מושן גרפיקס", "תערוך לי את הסרטון", "כתוביות בעברית". Hebrew motion-graphics and video studio - builds short animations as HTML rendered to MP4 with Playwright and ffmpeg (correct RTL Hebrew, music, sound effects, motion blur, QA), and edits recorded footage (word-level transcription, silence cuts, Hebrew captions, word-synced effects). Use when the user asks for an animation, a reel, motion graphics, video editing or Hebrew captions.
license: MIT
---

# סטודיו וידאו בעברית

הסקיל הופך את קלוד לסטודיו קטן: מעצב מושן, עורך ומפיק סאונד. כל סרטון נבנה כ**דף אינטרנט שהמראה שלו הוא פונקציה של הזמן**, מצולם פריים אחרי פריים, ומחובר ל-MP4. השיטה נבדקה בייצור אמיתי ב-AICenter, ובאה עם תבנית, סקריפט רינדור וסקריפט בדיקה מוכנים.

## מתי להשתמש

- "תיצור לי אנימציה / פתיח לריל / סרטון קצר / מושן גרפיקס".
- "תעשה נתון מונפש", "תחשוף את הלוגו", "תסביר את התהליך בסרטון".
- "תערוך לי את הסרטון", "תוסיף כתוביות בעברית", "תחתוך שתיקות" (ראו `references/edit-footage.md`).

## עקרונות שלא מתפשרים עליהם

1. **הכל פונקציה של הזמן.** `render(t)` קובעת את כל המסך לפי `t` בשניות. בלי טיימרים, בלי מעברי CSS, בלי מצב שנצבר בין פריימים. ככה כל פריים אפשר לשחזר, ותיקון הוא שורה אחת.
2. **אישור לפני קוד.** קודם שאלות, אחר כך טבלת סצנות עם זמנים, ורק אחרי אישור המשתמש כותבים קוד.
3. **עברית כמו שצריך.** קובץ פונט מקומי שנטען לפני הפריים הראשון, `dir="rtl"`, כל מילה נכנסת שלמה. פרטים ב-`references/hebrew-and-rtl.md`.
4. **בודקים לפני שמראים.** גיליון פריימים (`scripts/sheet.py`) אחרי כל שינוי משמעותי, ורינדור מלא רק בסוף.
5. **זכויות ושקיפות.** מוזיקה רק עם רישיון ברור. גילוי AI כשצריך. בלי פנים, קול או מותג של אחרים. ראו `references/audio-and-rights.md`.

## תהליך העבודה

### שלב 1: שאלות (הודעה אחת, מרוכזת)
- **מה המסר:** 3 עד 8 מילים, או 3 עד 5 שלבים לסרטון הסבר.
- **פורמט:** ריל 1080x1920 (ברירת מחדל), פוסט 1080x1350, ריבוע 1080x1080 או רוחב 1920x1080.
- **אורך:** 6 עד 15 שניות לריל.
- **סגנון:** הצע 2 עד 3 סגנונות מתאימים מתוך `references/styles.md`.
- **מותג:** 2 עד 4 צבעים, פונט, ולוגו בתיקייה. אם אין, הצע פלטה ופונט עברי חינמי.
- **סאונד:** בלי סאונד, צלילים בלבד, או מוזיקה מהתיקייה שיש עליה זכויות.

### שלב 2: הכנת הסביבה
- בדוק ש-Python, ffmpeg ו-Playwright מותקנים. אם לא: `pip install playwright numpy pillow` ואז `python -m playwright install chromium`. את ffmpeg התקן לפי מערכת ההפעלה. תמיד הסבר במשפט אחד מה מתקינים ולמה, ובקש אישור.
- פונטים: אם אין קובץ פונט בתיקייה, הורד פונט עברי בקוד פתוח (למשל Heebo, Rubik, Frank Ruhl Libre או Noto Sans Hebrew מ-Google Fonts) לתיקייה `fonts/`.

### שלב 3: טבלת סצנות לאישור
הצג טבלה: זמן התחלה, זמן סיום, מה רואים, איך זה נכנס, איזה צליל. כל מילה עיקרית על המסך לפחות 0.8 שנייה, ומשפט מלא לפחות 1.5 שנייה. חכה לאישור.

### שלב 4: בנייה
- העתק את `scripts/template.html` לתיקיית הפרויקט כ-`anim.html` ומלא את `SCENES`, הצבעים, הפונטים ו-`window.SFX`.
- השתמש בעזרי התבנית: `spring()` לכניסות עם קפיצה קטנה, `easeOut()`, `shake()` לרעידת מצלמה, `fit()` להתאמת מילה לרוחב, `place()` למיקום.
- כללי תנועה: כניסה פעם אחת לכל אלמנט, ואחריה תנועה עדינה בלבד. לא יותר משלושה הבזקי מסך מלא בשנייה.

### שלב 5: בדיקה
```
python scripts/sheet.py anim.html 0.5 1.5 2.5 ...
```
זה מייצר `sheet.png` עם הפריימים שביקשת. בדוק כל אחד:
- אין טקסט חתוך או הפוך.
- הטקסט בתוך האזור הבטוח.
- אין חפיפה בין אלמנטים.
- הניגודיות מספיקה.

תקן לפני שממשיך.

### שלב 6: רינדור
```
python scripts/render.py anim.html --dur 11 --out final.mp4 [--music music.mp3] [--test]
```
- `--test` מרנדר ברזולוציה נמוכה ובלי טשטוש, לבדיקה מהירה.
- בגרסה הסופית: 30 פריימים לשנייה, 12 תת-פריימים לטשטוש תנועה, קידוד שמתחיל להתנגן מהר, ונרמול עוצמה ל-14 LUFS.
- אחרי הרינדור: חלץ 4 עד 6 פריימים מהקובץ הסופי (`ffmpeg -ss T -i final.mp4 -frames:v 1 f.png`) ובדוק שאין "עותקים" של אלמנטים בתנועה מהירה. אם יש, הקטן את המרחק או את מהירות הקפיץ.

### שלב 7: מסירה
מסור את הקובץ עם שלוש שורות: מה נוצר, אורך ופורמט, ומקור המוזיקה ורישיונה. הצע כיתוב קצר לפרסום עם גילוי נאות, לפי `references/publish.md`.

## קבצים בסקיל

| קובץ | תפקיד |
|---|---|
| `scripts/template.html` | תבנית התחלה עם כל עזרי התנועה, האזור הבטוח ורשימת הצלילים |
| `scripts/render.py` | רינדור ל-MP4: צילום פריימים, טשטוש תנועה, צלילים, מוזיקה ונרמול |
| `scripts/sheet.py` | גיליון פריימים לבדיקה לפני רינדור |
| `references/styles.md` | 8 סגנונות עם כיוון, מבנה ותזמון |
| `references/hebrew-and-rtl.md` | כל המלכודות של עברית בווידאו |
| `references/edit-footage.md` | עריכת סרטון שצולם: תמלול, חיתוך, כתוביות ואפקטים |
| `references/audio-and-rights.md` | מוזיקה, צלילים, עוצמה וזכויות |
| `references/publish.md` | מידות, אזורים בטוחים וגילוי AI לכל רשת |
| `examples/claude-in-code/anim.html` | דוגמה מלאה: ריל של 11 שניות עם 7 סצנות |

## דוגמה

**המשתמש:** "תעשה לי פתיח של 7 שניות לריל: 'קלוד עושה אנימציה בקוד', בצבעים של המותג שלי."

**קלוד:**
1. שואל: אילו צבעים (או לוגו בתיקייה)? יש מוזיקה? איזה סגנון: כותרת קינטית או חשיפה עם מסגרת עיצוב?
2. מציג טבלה:
   - 0.0 קו נמשך;
   - 0.6 "קלוד" נחבטת על רקע צבע 1;
   - 1.7 "עושה" מחליקה על רקע כהה;
   - 2.8 "אנימציה" עם מסגרת בחירה;
   - 4.0 "בקוד." עם נקודה;
   - 5.1 המשפט המלא;
   - 6.0 לוגו.
3. אחרי אישור: `anim.html` מהתבנית ← `sheet.py` ← תיקונים ← `render.py --dur 7`.
4. מוסר: הקובץ, 3 שורות תיאור, והצעת כיתוב עם גילוי נאות.

הדוגמה המלאה (11 שניות, 7 סצנות) נמצאת ב-`examples/claude-in-code/anim.html`.

## מה לא לעשות

- לא לכתוב קוד לפני אישור טבלת הסצנות.
- לא להשתמש ב-`Math.random()` בזמן ריצה. רנדומליות רק עם seed קבוע.
- לא לחשוף טקסט עברי מאחורי קו חיתוך (mask), כי ראשי האותיות נראים כמו מקפים.
- לא להוריד מוזיקה מסרטונים אחרים, ולא להשתמש בפנים או בקול של אדם בלי רשותו.
- לא להבטיח למשתמש "ויראליות". הבטח איכות.

---
נבנה ב-AICenter (aicenter.co.il), המדריך העברי לכלי AI. רישיון MIT: מותר להשתמש, לשנות ולשתף.