מדריכים, סקילים ופרומפטים לסרטונים מקצועיים ב-Claude Code וב-Codex
לחיצה על מילה מחליפה אותה
סרטון הסבר בסגנון גיר על לוח ירוק
הפרומפט שלכם
סרטון הסבר על [הנושא] בסגנון גיר, 20 שניות, אנכי 9:16. לפני שאתה בונה, תציע לי 3 כיוונים ותשאל אותי מה חסר.
מדביקים ב-Claude Code או ב-Codex אחרי התקנת HyperFrames ומחליפים את מה שבסוגריים.
פעם ראשונה ב-Claude Code? 3 צעדים
- פותחים את Claude Code או את Codex בתיקייה ריקה במחשב. צריך Node.js 22 ומעלה ו-FFmpeg.
- מתקינים את HyperFrames:ב-Codex: npx hyperframes skills update
claude plugin marketplace add heygen-com/hyperframesclaude plugin install hyperframes@hyperframes - מדביקים את הפרומפט מהחוגה ומחליפים את מה שבסוגריים. הסוכן מציע 3 כיוונים. אחרי שבוחרים הוא כותב את הסרטון בקוד ומרנדר MP4.
כל מה שזז בעמוד הזה נבנה בקוד עם Claude Code, מתוך הריל שלי ובלי הדמות. ליד כל קטע: הסקיל שעשה אותו, הפרומפט ואיך מתקינים אצלכם.
איך זה נבנההריל, שנייה אחרי שנייה
מכאן התחיל העמוד: 32 שניות שבכל קטע שלהן עבד סקיל אחר. לוחצים על קטע בפס ומגיעים לפרק שלו.
סרטון הסבר שמצייר את עצמו
זה סרטון הסבר שנבנה ב-Claude Code עם HyperFrames: עיפרון נכנס ומצייר נורה, גלגל שיניים וסימן וי. האייקונים מתמלאים בתוך העיגולים והחצים מחברים ביניהם. אחר כך הלוח הירוק פורח מתוך מילה אחת והציור עובר לגיר. כל קו כאן הוא קוד ש-Claude כתב, לא תמונה.
הפרומפט של הקטע
סרטון הסבר בסגנון גיר
ציור בקווים
בריל:
svg-path-drawלהתקנה היום:svg-stroke-traceכל קו בדיאגרמה הוא נתיב SVG שנחשף לאורכו, כאילו מישהו מצייר אותו.
npx hyperframes add svg-stroke-traceאת השורה מריצים בטרמינל בתוך פרויקט HyperFrames, או מבקשים מ-Claude Code להריץ אותה.
Phosphor Icons
סט אייקונים פתוח (MIT). הסוכן לוקח מהחבילה את ה-SVG המקורי במקום לצייר אייקון משלו.
npm i @phosphor-icons/coreזו חבילת אייקונים ולא סקיל.
מודעה שנוחתת על הקצב
זו מודעה לבית קפה שנבנתה ב-Claude Code עם HyperFrames. כוס קפה מציירת את עצמה על הלוח. הכוכב "מבצע!" נוחת בדיוק כשהקריינות אומרת "מבצע" וסמן ענק לוחץ על הכפתור כשהיא אומרת "כפתור". התזמון נלקח מחותמות הזמן של המילים בקריינות, לא מהעין.
הפרומפט של הקטע
סרטון שיווק לבית קפה בסגנון גיר
טקסט שנוחת על הקצב
בריל:
kinetic-beat-slamלהתקנה היום:headline-slamמילה או תג נוחתים בהגדלה קצרה ועוצרים חזק, בדיוק על הפעימה או על המילה בקריינות.
npx hyperframes add headline-slamאת השורה מריצים בטרמינל בתוך פרויקט HyperFrames, או מבקשים מ-Claude Code להריץ אותה.
סמן ענק
בריל:
oversized-cursorלהתקנה היום:oversized-cursor + press-rippleסמן גדול שנכנס, לוחץ עם גל קטן ויוצא, כדי שהעין תדע בדיוק איפה קרה הקליק.
npx hyperframes add oversized-cursornpx hyperframes add press-ripple
13 סגנונות, שורה אחת לכל סגנון
אותה מודעת קפה ב-9 סגנונות ולידה 4 סגנונות מהפתיחה של הריל. כל לולאה נבנתה מהשורה שמתחתיה. מעתיקים, מחליפים את "מודעת קפה" במה שאתם צריכים ושולחים.
גיר
סרטון הסבר בסגנון גיר על לוח ירוק
ניאון
מודעת קפה בסגנון ניאון
נייר חתוך
סרטון סיפור בסגנון נייר חתוך
שרטוט
מודעת קפה בסגנון שרטוט
יוקרה
מודעת קפה בסגנון יוקרה
סינתווייב
סרטון הזמנה לאירוע בסגנון סינתווייב של שנות ה-80
קראפט
מודעת קפה בסגנון קראפט
VHS
מודעת קפה בסגנון VHS
לכה וזהב
סרטון שיווק בסגנון לכה שחורה וזהב
טרמינל
מודעת קפה בסגנון טרמינל
רטרו
מודעת קפה בסגנון רטרו
שבלונה
מודעת קפה בסגנון שבלונה
שוויצרי
מודעת קפה בסגנון שוויצרי
מחליקים לצד לעוד סגנונות
מעברים בין סגנונות
אלה שלושת המעברים מהריל והמשפט שמבקש כל אחד מהם.
GSAP
ספריית האנימציה שמזיזה כל דבר בריל. ל-HyperFrames יש מתאם מובנה עבורה.
/plugin marketplace add greensock/gsap-skills/plugin install gsap-skills@gsap-skills
קלטת שמריצים אחורה
איך לבקש
מעבר שמריץ אחורה את כל הסגנונות כמו קלטת VHS, עם פסי טראקינג
סגנון חדש בכל פעימה
איך לבקש
אותה מודעה בסגנון חדש כל 0.17 שניות, כל סגנון פורח מתוך המילה
האיקס האדום
איך לבקש
איקס אדום בגיר נוחת על העיצוב הישן רגע לפני שמחליפים אותו
הדרכה על המסך האמיתי
סרטון הדרכה שנבנה ב-Claude Code עם HyperFrames, על צילום מסך אמיתי של Google Maps. עיגול כחול מקיף את הכפתור, סמן העכבר נכנס, המצלמה מתקרבת אליו ואחרי הלחיצה מגיע המסך הבא. זה ההבדל בין הדרכה שמתארת לבין הדרכה שמראה.
הפרומפט של הקטע
סרטון הדרכה על Google Maps בסגנון שרטוט
את צילום המסך שלכם מצרפים לבקשה. הסוכן מסמן עליו את הכפתור לפי המיקום שלו בתמונה.
הסמן הענק כאן הוא אותו רכיב מהמודעה למעלה.זום אל הכפתור
בריל:
coordinate-target-zoomלהתקנה היום:ui-focus-zoomהמצלמה מתקרבת אל נקודה מדויקת בצילום מסך ושומרת אותה במרכז עד הלחיצה.
npx hyperframes add ui-focus-zoomאת השורה מריצים בטרמינל בתוך פרויקט HyperFrames, או מבקשים מ-Claude Code להריץ אותה.
שורה אחת ואישור אחד
זו הבקשה האמיתית שהקלדתי ב-Claude Code. השורה לבדה החזירה 3 כיווני קומיקס ושאלות, כי הסוכן שלי מתכנן לפני שהוא בונה. אחרי הודעת אישור אחת הוא כתב סרטון HyperFrames שלם: דף קומיקס להשקה עם הנעל, הכיתובים והסאונד.
הבקשה כפי שהוקלדה
סרטון השקה לנעליים בסגנון קומיקס
HyperFrames
מסגרת קוד פתוח של HeyGen שהופכת HTML, CSS ואנימציה לסרטון MP4. הסוכן כותב את הסרטון כדף אינטרנט והיא מרנדרת אותו פריים אחרי פריים.
claude plugin marketplace add heygen-com/hyperframesclaude plugin install hyperframes@hyperframesב-Codex וב-Cursor: npx hyperframes skills update. דרוש Node.js 22 ומעלה ו-FFmpeg.
הקלדה בשדה אמיתי
להתקנה היום:
typed-promptשורה מוקלדת מילה אחרי מילה, עם סמן על קצה הטקסט, מעל צילום של שדה הקלט.
npx hyperframes add typed-prompt
למי שכותב React או עורך צילום אמיתי
Remotion
מנוע וידאו ב-React עם 12 סקילים רשמיים. מתאים למי שכבר כותב React או צריך רינדור בענן.
npx skills add remotion-dev/skillsחינם ליחידים ולחברות עד 3 עובדים. מעל זה צריך רישיון חברה.
video-use
עריכה של צילום אמיתי בשיחה: חיתוך מילות מילוי ושקטים, תיקון צבע, כתוביות ושכבות אנימציה.
Set up https://github.com/browser-use/video-use for me.זו שורת ההתקנה מה-README: מדביקים אותה ב-Claude Code או ב-Codex. התמלול דורש מפתח API של ElevenLabs.
קול, מוזיקה ואפקטים
הקריינות בריל היא הקול שלי, ב-Eleven v4 של ElevenLabs. כל אנימציה נשענת על חותמות הזמן של המילים בקריינות. המוזיקה והאפקטים הם צלילים חופשיים לשימוש (CC0).
ElevenLabs Eleven v4
מודל הקריינות שבו נוצר הקול בריל. תומך בעברית ובתגיות כמו [laughs] ו-[whispers] בתוך הטקסט.
media-use
הסקיל של HyperFrames לקול, מוזיקה ואפקטים: קריינות, מיקס וספריית צלילים חופשיים.
npx skills add heygen-com/hyperframes --skill media-useשולח טלמטריה כברירת מחדל. מכבים עם HYPERFRAMES_NO_TELEMETRY=1.
הכלים של הדמות
- הדמות
- נוצרה ב-Google Flow.
- סנכרון שפתיים
- Sync Lipsync 3 ב-Higgsfield, רק אחרי שהטיוטה עברה את טורניר המבקרים (בסעיף הבא).
- הסרת רקע
- BiRefNet, מקומית במחשב. גם ב-CLI של HyperFrames יש פקודת remove-background.
איך אני עובד על כל סרטון
מעל הסקילים הציבוריים בניתי שכבת עבודה משלי. היא רצה בכל ריל ובכל סרטון ללקוח.
בדיקה אוטומטית של הסרטון הסופי
סקריפט עובר על ה-MP4 ומסמן באדום טקסט חתוך, פנים מכוסות, שטח ריק ומילה שנאמרה ולא מופיעה על המסך. שגיאה עוצרת את המסירה.
טורניר סוכנים מבקרים לפני שמשלמים
4 סוכני AI צופים בטיוטה בלי לדעת מי יצר אותה ונותנים ציון על הוק, ייחודיות, אנימציה וויראליות. סוכנים שופטים בוחרים רשימת תיקונים אחת. היא נכנסת לריל לפני הסנכרון בתשלום.
כל הערה הופכת לבדיקה
כשאני מתקן משהו בסרטון, התיקון נכתב כבדיקה אוטומטית. כך אותה טעות לא חוזרת בסרטון הבא.
כל מספר עם מקור
כל עובדה שמופיעה על המסך נרשמת ביומן עם הקישור והציטוט המדויק לפני שהיא נכנסת לסרטון.
עבודה כבדה אחת בכל פעם
רינדור, תמלול וחיתוך רצים בתור ורק כשיש מספיק זיכרון פנוי. במחשב רגיל זה ההבדל בין רינדור שמסתיים לרינדור שקורס.
המדריכים המלאים
כל אחד מהם צעד אחרי צעד, עם צילומי מסך אמיתיים מהמחשב שלי.
מדריך HyperFrames: יוצרים סרטונים מקוד עם Claude Code, Codex וכל סוכן קוד
HyperFrames הופך דף HTML לסרטון MP4. סוכן הקוד שלכם כותב את הדף, בין אם זה Claude Code, Codex, Cursor או Gemini CLI. המדריך מראה איך מתקינים, מה מבקשים, איך בודקים ב-Studio ואיך מוציאים כמה גרסאות מקובץ אחד, עם 6 סרטונים בעברית שנבנו בו.
למדריך
יצירת סרטון מלא עם הנפשות ואפקטים ב-Claude וב-Codex: מדריך Remotion
Remotion הופכת קוד לסרטון וסוכן קוד כמו Claude או Codex כותב את הקוד. מדריך מצולם באפליקציה של Claude: הקמה בבקשה אחת, בריף, סטוריבורד לאישור, קריינות ב-Eleven v4, מוזיקה ואפקטים קוליים, אפקטים שנצמדים לראש וליד בצילום וגרסה אנכית לרילס.
למדריך
Claude Code עורך לכם וידאו: מכמה טייקים לסרטון ערוך עם video-use
video-use הוא כלי קוד פתוח שהופך את Claude Code לעורך וידאו. מדריך מצולם באפליקציה של Claude: התקנה בבקשה של 2 שורות, מפתח ElevenLabs לתמלול, 5 טייקים של אותו משפט ומה Claude עשה עד הסרטון: בחר טייק, חתך שקטים, תיקן צבע, צרב כתוביות בעברית ובדק את עצמו. בסוף הסרטון הופך לריל עם פתיח וסיום ב-HyperFrames ומוזיקה מ-ElevenLabs.
למדריך
Higgsfield בתוך סוכני AI: MCP, CLI ו-Skills
איך מחברים את Higgsfield ל-Claude, ל-ChatGPT ולסוכני קוד כמו Claude Code ו-Codex, עם פקודות ל-Seedance 2.5 ול-GPT Image 2.5 ו-8 הסקילים של Higgsfield.
למדריך
החלפת דמות בסרטון עם AI: ב-Recast או ב-Genjutsu
הטרנד של Bulin 47 בלי לצלם כלום: מחליפים את הדמות בסרטון קיים, ב-Recast של ElevenLabs שמחליפה לבד את הדמות הראשית או ב-Genjutsu של Higgsfield שבו כותבים את מי להחליף. 4 הדגמות מלאות, כולל סבתא בטרנינג ורוד שנכנסת לתפקיד של מלצר.
למדריך
כמה זה עולה
רק מספרים עם מקור. מה שמדדתי בעצמי מסומן כך. נמדד בחשבון שלי, 24.10.2026
| כלי | בשביל מה | עלות |
|---|---|---|
| HyperFrames | הופך HTML לסרטון MP4 | חינם. קוד פתוח ברישיון Apache 2.0, בלי תשלום לרינדור ובלי סף לשימוש מסחרי. המקור |
| Remotion | סרטונים ב-React | חינם ליחידים ולחברות עד 3 עובדים. מעל זה רישיון חברה, החל מ-25 דולר לחודש למושב. המקור |
| video-use | עריכת צילום אמיתי | חינם (MIT). התמלול רץ דרך ElevenLabs ודורש מפתח API משם. המקור |
| GSAP | אנימציה בקוד | חינם, כולל כל התוספים. המקור |
| ElevenLabs Eleven v4 | קריינות, כולל עברית | מסלול חינם עם 10,000 קרדיטים בחודש. רישיון מסחרי מתחיל במסלול Starter. המקור |
| Google Flow | וידאו מבוסס AI והדמות בריל | 50 קרדיטים חינם ביום. קליפ של 10 שניות ב-Omni Flash וב-720p עולה 15 קרדיטים. המקור |
| Sync Lipsync 3 ב-Higgsfield | סנכרון שפתיים לקריינות | 3.6 קרדיטים לשנייה: 77.5 קרדיטים ל-21.5 השניות שסונכרנו בריל הזה. נמדד בחשבון שלי, 24.10.2026 |
| Nano Banana | התמונות בריל | בלי עלות נוספת במנוי שלי. נמדד בחשבון שלי, 24.10.2026 |
דרישות להרצה מקומית: Node.js 22 ומעלה ו-FFmpeg. כל המחירים והמקורות נבדקו ב-24.10.2026.
שאלות נפוצות: סרטונים עם Claude Code
איך יוצרים סרטון עם Claude Code?
פותחים את Claude Code או את Codex ומתקינים את HyperFrames בשתי פקודות: claude plugin marketplace add heygen-com/hyperframes ואחריה claude plugin install hyperframes@hyperframes (ב-Codex: npx hyperframes skills update). אחר כך כותבים במשפט אחד מטרה, סגנון ואורך. הסוכן כותב את הסרטון כדף HTML, מרנדר אותו ל-MP4 ומראה את התוצאה. צריך Node.js 22 ומעלה ו-FFmpeg.
מה זה HyperFrames?
HyperFrames היא מסגרת קוד פתוח של HeyGen שהופכת דף HTML עם CSS ואנימציה לסרטון MP4. סוכן קוד כמו Claude Code או Codex כותב את הדף והיא מרנדרת אותו פריים אחרי פריים, בחינם וברישיון Apache 2.0. כל הלולאות בעמוד הזה נחתכו מריל שנבנה בה.
צריך לדעת לתכנת כדי ליצור סרטון עם Claude Code?
לא. כותבים במילים מה רוצים לקבל. הסוכן כותב את הקוד, מרנדר ומציג את התוצאה. מה שכן עוזר: לתאר מטרה, סגנון ואורך ולהסתכל על התוצאה בעין ביקורתית לפני שמאשרים.
זה עובד גם ב-Codex?
כן. ב-HyperFrames כותבים במפורש שהסקילים עובדים ב-Claude Code, ב-Codex, ב-Cursor ובכל סוכן קוד שתומך בסקילים. ב-Codex מתקינים עם npx hyperframes skills update. גם ל-Remotion יש תוסף רשמי ל-Codex.
HyperFrames או Remotion: במה לבחור?
שתיהן מרנדרות סרטון עם דפדפן Chrome ו-FFmpeg. ב-HyperFrames כותבים HTML ו-CSS, בלי שלב בנייה וברישיון Apache 2.0. ב-Remotion כותבים React. יש לה רינדור בענן ורישיון חברה מעל 3 עובדים. הריל בעמוד הזה נבנה ב-HyperFrames.
כמה עולה ליצור סרטון כזה?
HyperFrames ו-video-use חינמיים. Remotion חינמית ליחידים ולחברות עד 3 עובדים. מה שעולה כסף הוא הסוכן עצמו (מנוי Claude או ChatGPT), קריינות ותמונות או וידאו שנוצרים ב-AI. הפירוט בטבלת העלויות בעמוד.
זה עובד ב-Windows?
כן, הריל הזה רונדר ב-Windows. צריך Node.js 22 ומעלה ו-FFmpeg. במחשב עם מעט זיכרון כדאי לרנדר עם --low-memory-mode ולהריץ עבודה כבדה אחת בכל פעם.
טקסט בעברית יוצא תקין בסרטון?
כן, כשכל אנימציה עובדת על מילים שלמות עם dir="rtl". בריל הזה כל הטקסט בנוי כך. מי שמפרק טקסט לאותיות בודדות צריך לבדוק פריים לפני הרינדור המלא: ב-GitHub של HyperFrames פתוח דיווח על אותיות שמתהפכות בערבית.
אפשר לערוך צילום אמיתי שלי?
כן, עם video-use. שמים את הצילומים בתיקייה, מדברים עם Claude Code ומקבלים final.mp4: חיתוך מילות מילוי ושקטים, תיקון צבע, כתוביות ושכבות אנימציה. יש באתר מדריך מלא עליו.
Claude Code יכול ליצור אנשים וצילומים מציאותיים?
לא. HyperFrames ו-Remotion מרנדרים קוד: טקסט, צורות, אייקונים, צילומי מסך ותנועה. צילום מציאותי או דמות מגיעים מכלי וידאו כמו Google Flow ונכנסים לסרטון כשכבה. הדמות בריל שלי נוצרה ב-Flow.
מותר להשתמש בזה מסחרית?
HyperFrames כן, ברישיון Apache 2.0 בלי סף שימוש. Remotion חינמית ליחידים ולחברות עד 3 עובדים ומעל זה צריך רישיון חברה. אייקוני Phosphor ברישיון MIT.
המסגרת הריקה מחכה לסגנון שלכם
עכשיו תורכם: כתבו כל מטרה וכל סגנון. הבריף המלא נבנה מתחת למסגרת, להעתקה או לשליחה למחשב.
הבריף שלכם
סרטון [מטרה] בסגנון [סגנון].הנושא: [על מה הסרטון]. הקהל: [מי יראה אותו].אורך 20 שניות, אנכי 9:16 לריל, טקסט על המסך בעברית.לפני שאתה בונה, תציע 3 כיוונים לסגנון ותשאל אותי מה חסר.אחרי שאבחר, תבנה ב-HyperFrames, תרנדר MP4 ותבדוק שאף טקסט לא נחתך.
עדכוני AI בלי חפירות, רק מה שמעניין.
