HyperFrames - שיטות עבודה מומלצות
אמין82/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.
ציון אמינות 82/100 (אמין) · 67+ התקנות · 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בונים וממטבים תהליכי n8n 2.x (היציב 2.21 נכון למאי 2026) עם חיבורים ל-API ישראליים: Morning (חשבונית ירוקה), EZCount, israeli-bank-scrapers, data.gov.il, שערי SMS ושערי תשלום (Cardcom v11, Tranzila API v2, Grow by Meshulam). מכסה טלאי אבטחה ל-Ni8mare CVE-2026-21858, צמתי AI Agent עם LangChain מובנה ו-RAG (Pinecone/Qdrant/Supabase pgvector), צמתי MCP Client Tool ו-MCP Server Trigger, רפורמת חשבוניות 2026 (סף 5,000 ש"ח מיוני), תשלומי ביט, טיפול בעברית, תזמון שמתחשב בשבת וחגים, ואירוח עצמי בענן ישראלי. אל תשתמשו בסקיל לעריכת n8n כללית בלי הקשר ישראלי.
יוצר: 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ממירים בין תאריכים עבריים ולועזיים בכל הפורמטים.
השימוש על אחריותכם בלבד. תנאי שימוש · אבטחה
רוצים לבנות סקיל משלכם? נסו את יוצר הסקילס · הגשת סקיל