Remotion - שיטות עבודה מומלצות
אמין88/100איך ליצור סרטונים מקוד עם Remotion ב-React, כולל תמיכה מלאה בעברית ו-RTL. כולל אנימציות, קומפוזיציות, סיקוונסים, מעברים, כתוביות עם הדגשת מילים, קריינות AI, תלת-ממד, גרפים, פונטים עבריים, ואנימציות טקסט דו-כיווניות. השתמשו כשאתם עובדים עם Remotion או יוצרים סרטוני סושיאל ותוכן שיווקי בעברית. אל תשתמשו לעריכת וידאו מחוץ ל-Remotion או לפיתוח React כללי.
ציון אמינות 88/100 (אמין) · 15+ התקנות · 3 תורמים ב-GitHub · רישיון MIT
יצירת סרטונים מקוד עם טקסט עברי ב-Remotion פשוט לא עובדת out of the box. ברירת המחדל של Remotion מייצרת טקסט עם יישור שמאלי, אנימציות מכונת כתיבה שרצות משמאל לימין, וכתוביות שמרונדרות הפוך בתוכן RTL. מפתחים ישראלים מבזבזים שעות על דיבוג בעיות RTL, טעינת פונטים לא נכונה, ובאגים של טקסט דו-כיווני שהדוקומנטציה של Remotion פשוט לא מכסה.
skills-ilnpx skills-il add skills-il/developer-tools --skill remotion-best-practices -a claude-codeהתקנה דרך Claude.ai, Claude Desktop, ChatGPT, Manus ופלטפורמות נוספות
- 1. לחצו "הורדת ZIP" להורדת קבצי הסקיל.
- 2. פתחו את Claude Desktop ולכו ל-Customize > Skills.
- 3. לחצו על "+" ובחרו "Upload a skill", ואז העלו את קובץ ה-ZIP.
- 4. פתחו שיחה חדשה. הסקיל יופעל אוטומטית כשהנושא רלוונטי.
מתי להשתמש
- כשיוצרים סרטוני TikTok או Reels עם כתוביות עבריות ואנימציות טקסט
- כשבונים סרטוני שיווק בעברית עם אפקטי מכונת כתיבה RTL
- כשמפתחים תוכן וידאו פרוגרמטי עם פונטים עבריים וטקסט דו-כיווני
- כשצריך לרנדר קומפוזיציה לקובץ MP4 סופי, מקומית או בענן עם @remotion/lambda או @remotion/cloudrun
- כשעובדים עם קומפוזיציות Remotion שדורשות אנימציות, מעברים או תלת-ממד
נסו את הפרומפטים האלה
צור קומפוזיציית Remotion לסרטון TikTok אנכי (1080x1920) עם כותרת עברית מונפשת, כתוביות בסגנון TikTok עם הדגשת מילים, ומעבר fade בין שתי סצנות. השתמש בפונט Heebo.
בנה סרטון שיווקי ב-Remotion עם קריינות עברית מ-ElevenLabs, טקסט שמופיע במכונת כתיבה מימין לשמאל, ומוזיקת רקע. הסרטון צריך להיות 30 שניות ב-1920x1080.
צור אנימציית מפה ב-Remotion עם Mapbox שמציגה מסלול מתל אביב לירושלים, עם תוויות עבריות ומרקרים מונפשים בכל עיר. הוסף אפקט light leak במעבר.
בנה קומפוזיציית Remotion עם גרף עמודות מונפש שמציג נתונים בעברית. הגרף צריך להיכנס עם spring animation, עם תוויות RTL ומספרים מפורמטים בעברית.
שאלות נפוצות
סקילס קשורים
יוצר: skills-ilשיטות עבודה להפקת וידאו מקוד עם HyperFrames: קומפוזיציות שהן פשוט HTML + GSAP שמתרנדרות ל-MP4, עם תמיכה מלאה בעברית ו-RTL. הסקיל מסביר איך כותבים קומפוזיציה, מה עושים מאפייני data-* לתזמון, איך עובדים עם ה-Timeline של GSAP ושיטת Layout-Before-Animation, איך מטפלים ב-Visual Identity Gate, איך לטעון פונטים עבריים (Heebo, Rubik, Assistant) בלי `<link>` או `@import`, איפה שמים dir="rtl", איך מפיקים כתוביות עברית עם Whisper ומתמודדים עם קריינות בעברית כש-Kokoro המובנה לא תומך, איך להוסיף אפקטים שמגיבים לאודיו ומעברי סצנות, ואיך לעטוף טקסט מעורב עברית+אנגלית ב-<bdi>. מתאים לבניית תוכן וידאו מבוסס-HTML וסרטוני סושיאל ושיווק בעברית בלי React. לא מתאים ל-Remotion או לעבודת וידאו ב-React, שם השתמשו ב-remotion-best-practices.
יוצר: skills-ilמנהלים חבילות ב-Artifactory וסורקים אבטחה ב-Xray.
יוצר: skills-ilמשווים מחירי מוצרים באתרים ובחנויות המובילים בישראל: זאפ, KSP, iDigital, Ivory ועוד. השתמשו כשצריך למצוא את המחיר הזול ביותר למוצרי אלקטרוניקה, מכשירי חשמל או מוצרי צריכה, להשוות ייבוא מקביל מול רכישה מקומית או להבין זכויות צרכניות. אל תשתמשו להשוואת מזון, נדל"ן או מוצרים פיננסיים.
השימוש על אחריותכם בלבד. תנאי שימוש · אבטחה
רוצים לבנות סקיל משלכם? נסו את יוצר הסקילס · הגשת סקיל