לפני שמחליטים האם להתקין, דברו עם הסקיל
HyperFrames - שיטות עבודה מומלצות
אמין88/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.
ציון אמינות 88/100 (אמין) · 1+ התקנות · 3 תורמים ב-GitHub · רישיון MIT
הבעיה
שלוש בעיות עיקריות מחכות למי שבונה סרטון בעברית ב-HyperFrames. ראשית, טעינת פונטים עבריים (Heebo, Rubik, Assistant) עובדת מצוין, אבל רק אם לא מוסיפים `<link>` או `@import` כמו שרוב האנשים רגילים, המהדר כבר מטפל בזה. שנית, dir="rtl" לא נרשם לבד לכל מקום נדרש, ו-GSAP לא הופך את כיווני הכניסה של אנימציות בשבילכם. שלישית, הקריינות המובנית (Kokoro-82M) תומכת ב-8 שפות בלבד ועברית לא ברשימה, אז קריינות עברית חייבת לבוא משירות חיצוני (ElevenLabs, OpenAI, Google Cloud TTS).
skills-ilnpx skills-il add skills-il/developer-tools@v1.0.0-hyperframes-best-practices --skill hyperframes-best-practices -a claude-codeהתקנה דרך Claude.ai, Claude Desktop, ChatGPT, Manus ופלטפורמות נוספות
- 1. לחצו "הורדת ZIP" להורדת קבצי הסקיל.
- 2. פתחו את Claude Desktop ולכו ל-Customize > Skills.
- 3. לחצו על "+" ובחרו "Upload a skill", ואז העלו את קובץ ה-ZIP.
- 4. פתחו שיחה חדשה. הסקיל יופעל אוטומטית כשהנושא רלוונטי.
מתי להשתמש
- בונים תוכן וידאו מבוסס-HTML לקהל ישראלי (סושיאל, שיווק, הסברה) בלי להחזיק סטאק React
- מייצרים TikTok, Reels או Shorts בעברית עם כתוביות והדגשת מילה-במילה
- מפיקים סרטוני הסברה בעברית עם קריינות AI ששומרת על דטרמיניסטיות הרנדר
- צריכים תוכן מותגי דו-לשוני עברית+אנגלית שלא מתקלקל בגלל כיווני bidi
- עוברים מ-Remotion לסטאק וידאו מבוסס-HTML, בלי קומפילציה ובלי React
נסו את הפרומפטים האלה
קומפוזיציה עברית מאפס
צרו קומפוזיציית HyperFrames בעברית במידות 1920x1080, באורך 10 שניות, עם כותרת ותת-כותרת. השתמשו בפונט Heebo (המהדר מוריד אותו אוטומטית מ-Google Fonts), שימו dir="rtl" על ה-.scene-content, ואנימציות כניסה של GSAP שמגיעות מצד ימין (x חיובי). רקע כהה, תנועה שקטה.
TikTok בעברית עם כתוביות
בנו ריל אנכי 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 לאנגלית, וודאו שגם הפיסוק נשאר בצד הנכון של כל פסקה.
שאלות נפוצות
סקילס קשורים
מאומת·94
יוצר: skills-ilv2.2.0פופולרי
מדריך למפתחים לאינטגרציית שילוח עם חברות ישראליות (דואר ישראל, צ'יטה, HFD, מהיר לי) ושירותי לוקרים (BOX2GO, שלאגר, Done). הסקיל מכסה בחירת חברה, עיצוב כתובות ישראליות, הפקת תוויות, מעקב חוצה-חברות והתראות ללקוחות. אל תשתמשו לבדיקת סטטוס של חבילה ספציפית (הפנו ל-mypost.israelpost.co.il), משלוחים בינלאומיים מחוץ לישראל או נושאי מכס וייבוא.
1.027504
Claude CodeOpenClawCursor+3
אמין·79
יוצר: skills-ilv1.1.0פופולרי
מנהלים תמונות, וידאו וקבצי מדיה דרך Cloudinary API, העלאה, טרנספורמציות, מיטוב והגשה מ-CDN.
0.09414
Claude CodeCursorGitHub Copilot+5
יוצר: skills-ilv1.6.1פופולריחדש
איך ליצור סרטונים מקוד עם Remotion ב-React, כולל תמיכה מלאה בעברית ו-RTL. כולל אנימציות, קומפוזיציות, סיקוונסים, מעברים, כתוביות עם הדגשת מילים, קריינות AI, תלת-ממד, גרפים, פונטים עבריים, ואנימציות טקסט דו-כיווניות. השתמשו כשאתם עובדים עם Remotion או יוצרים סרטוני סושיאל ותוכן שיווקי בעברית. אל תשתמשו לעריכת וידאו מחוץ ל-Remotion או לפיתוח React כללי.
0.029142
Claude CodeCursorWindsurf+7
מצאתם בעיה בסקיל הזה?
רוצים לבנות סקיל משלכם? נסו את יוצר הסקילס · הגשת סקיל
ביקורות (0)
אין ביקורות עדיין. כתבו את הביקורת הראשונה!