HyperFrames - שיטות עבודה מומלצות
אמין75/100שיטות עבודה להפקת וידאו מקוד עם 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.
ציון אמינות 75/100 (אמין) · 69+ התקנות · 4 תורמים ב-GitHub · רישיון MIT
שלוש בעיות עיקריות מחכות למי שבונה סרטון בעברית ב-HyperFrames. ראשית, טעינת פונטים עבריים (Heebo, Rubik, Assistant) עובדת מצוין, אבל רק אם לא מוסיפים `<link>` או `@import` כמו שרוב האנשים רגילים, המהדר כבר מטפל בזה. שנית, dir="rtl" לא נרשם לבד לכל מקום נדרש, ו-GSAP לא הופך את כיווני הכניסה של אנימציות בשבילכם. שלישית, הקריינות המובנית (Kokoro-82M) תומכת ב-8 שפות בלבד ועברית לא ברשימה, אז קריינות עברית חייבת לבוא משירות חיצוני (ElevenLabs, OpenAI, Google Cloud TTS).
skills-ilאיך להשתמש בסקיל הזה
לא בטוחים איך? קראו את המדריך- 1. לחצו "הורדת ZIP" להורדת קבצי הסקיל.
- 2. פתחו את Claude Desktop ולכו ל-Customize > Skills.
- 3. לחצו על "+" ובחרו "Upload a skill", ואז העלו את קובץ ה-ZIP.
- 4. פתחו שיחה חדשה. הסקיל יופעל אוטומטית כשהנושא רלוונטי.
מפתחים? התקנה דרך שורת הפקודה (CLI)
npx skills-il add skills-il/developer-tools@v1.1.1-hyperframes-best-practices --skill hyperframes-best-practices -a claude-codeמתי להשתמש
- בונים תוכן וידאו מבוסס-HTML לקהל ישראלי (סושיאל, שיווק, הסברה) בלי להחזיק סטאק React
- מייצרים TikTok, Reels או Shorts בעברית עם כתוביות והדגשת מילה-במילה
- מפיקים סרטוני הסברה בעברית עם קריינות AI ששומרת על דטרמיניסטיות הרנדר
- צריכים תוכן מותגי דו-לשוני עברית+אנגלית שלא מתקלקל בגלל כיווני bidi
- עוברים מ-Remotion לסטאק וידאו מבוסס-HTML, בלי קומפילציה ובלי React
נסו את הפרומפטים האלה
צרו קומפוזיציית HyperFrames בעברית במידות 1920x1080, באורך 10 שניות, עם כותרת ותת-כותרת. השתמשו בפונט Heebo (המהדר מוריד אותו אוטומטית מ-Google Fonts), שימו dir="rtl" על ה-.scene-content, ואנימציות כניסה של GSAP שמגיעות מצד ימין (x חיובי). רקע כהה, תנועה שקטה.
בנו ריל אנכי 1080x1920 ל-TikTok עם קריינות עברית (narration-he.wav) וכתוביות עם הדגשת מילה-במילה. תמללו עם npx hyperframes transcribe narration-he.wav --model medium --language he. הציגו עד 3 מילים על המסך בו-זמנית, והדגישו את המילה הפעילה בצבע accent. כתוביות ב-Rubik Black 900.
הפיקו סרטון הסברה בעברית באורך 60 שניות. Kokoro המובנה לא תומך בעברית, לכן מייצרים את הקריינות ב-ElevenLabs (קול עברי, 22kHz, mono), שומרים כ-narration.wav, וטוענים ב-HyperFrames כאלמנט <audio data-start="0" data-duration="60" data-track-index="2">. מסנכרנים כתוביות ברמת המילה, ומוסיפים 3 סצנות עם crossfade ביניהן.
צרו קומפוזיציה עם שם מותג באנגלית (Acme) משובץ בתוך כותרות עבריות. עטפו את כל ה-runs של האנגלית ב-<bdi>, הגדירו font-family Heebo לעברית ו-Inter לאנגלית, וודאו שגם הפיסוק נשאר בצד הנכון של כל פסקה.
שאלות נפוצות
יומן שינויים
עדכון תחזוקה: הצמדת GSAP ל-3.15.0, תיקון קישורי מקור שבורים (narration/tts/transcript), תיקון הנחיית bidi לספרות, נתיב קריינות עברית מובנה דרך ElevenLabs, הוספת שלב render, והעלאת ברירת המחדל של Whisper לעברית ל-medium.
28 ביוני 2026
תיקון קישור TTS שבור, הוספת מקטע פתרון בעיות ופרטי bidi בעברית, ותיקון שגיאת כתיב.
14 במאי 2026
סקילס קשורים
יוצר: skills-ilבונים תרחישי Make.com לתהליכים עסקיים ישראליים: סנכרון Morning (חשבונית ירוקה), iCount, Monday.com, Priority ERP, שערי תשלום (Cardcom, Tranzila, Grow, Bit) ו-WhatsApp Business. מכסה AI Agents של Make.com, שרת ה-MCP של Make.com לחשיפת תרחישים ככלי סוכן, רפורמת חשבוניות 2026, מודולים קהילתיים ישראליים, טיפול בטקסט עברי, Data Store לתקופות מע"מ ותזמון שמתחשב בשבת. לא לשימוש ב-n8n (תשתמשו ב-n8n-hebrew-workflows) או Zapier (תשתמשו ב-zapier-israeli-integrations).
יוצר: skills-ilממירים בין תאריכים עבריים ולועזיים בכל הפורמטים.
יוצר: skills-ilבדקו והשוו LLM-ים על משימות עבריות: הבנת הנקרא (HeQ), סנטימנט, Winograd, תרגום, סיכום, ניקוד וטריוויה ישראלית. עוטף את ה-Open Hebrew LLM Leaderboard ואת חבילת ה-DictaLM 3.0 לכדי Harness הערכה חוזר ומניב. מריץ מול Claude, GPT, Gemini, AI21 Jamba, DictaLM, Llama ומודלים מקומיים מ-HuggingFace. מפיק scorecard בפורמט JSON ו-markdown עם פירוט לפי משימה. השתמשו כשצריך לבחור LLM למוצר עברי, לענות על שאלות רכש לגבי ביצועים בעברית, לאמת מודל עברי שעשיתם לו fine-tuning, או לעקוב אחרי רגרסיות עבריות אחרי שדרוג. אל תשתמשו להערכה של NLP ערבי, בנצ'מרק של זיהוי דיבור (ivrit.ai leaderboard), או בנצ'מרקים כלליים באנגלית.
השימוש על אחריותכם בלבד. תנאי שימוש · אבטחה
רוצים לבנות סקיל משלכם? נסו את יוצר הסקילס · הגשת סקיל