🧭 אשף — מרעיון לסרט

6 שלבים. בכל שלב בוחר אופציה אחת או יותר. בסוף → 2 פרומפטים מפוצלים: פרומפט 1 לסרט (HyperFrames — index.html עם data-start/duration), פרומפט 2 לרכיבי HTML.

1 רעיון
2 פורמט
3 זהות
4 Skills
5 אסטים
6 פלט

שלב 1 — מה הרעיון?

בחר קטגוריה ו-Hook. הסקריפט והסטוריבורד יבנו לבד.

שלב 2 — בחר פורמט

איזה מבנה ייקח את הרעיון. לחץ על כרטיס.

שלב 3 — שפה גרפית

פלטה, גופן, תנועה. או טען DESIGN.md קיים.

או — בחר ידנית למטה.

פלטה

שלב 4 — אילו Skills של HyperFrames?

בחר אחד או יותר. הסבר מלא על כל סקיל בכרטיס. בחירה משפיעה על הפרומפטים.

שלב 5 — אילו אסטים (רכיבי HTML)?

בחר את הרכיבים שיופיעו בסרטון. תצוגה חיה מתחת.

שלב 6 — הפרומפטים שלך

2 פרומפטים מפוצלים. הזרימה: הדבק פרומפט 1 לקלוד → מקבל index.html עם data-start/duration לכל סצנה. פרומפט 2 → רכיבי HTML שמוטמעים כ-layers. אחר-כך: npx hyperframes render → MP4.

פרומפט 1 — HyperFrames index.html 
—
פרומפט 2 — HTML / אסטים / רכיבים 
—
📦 הורד הכל כ-ZIP

פרומפטים + DESIGN.md + 12 סצנות HTML מוכנות ל-HyperFrames

מחולל רעיונות

כל רעיון מורכב מ: נושא + פורמט (מתוך 10 רמות הקורס) + Hook + מבנה סצנות + מסר אחד.

סינון אופציונלי

מה תקבל

  • כותרת + Hook מוכן לפתיחה
  • פורמט משויך לרמת קושי מהקורס
  • תסריט קריינות קצר בעברית, RTL
  • סטוריבורד 3–5 סצנות עם טיימקודים
  • שורת מסר אחת — מה הצופה לוקח
  • תגיות הפצה לפלטפורמות

מחולל פרומפטים

בנה פרומפט מדויק לפי כללי הקורס: RTL מלא, useCurrentFrame, פיצול לפי מילים, רקע בהיר, בלי CSS keyframes.

פרמטרים

פלט פרומפט

לחץ "בנה פרומפט" כדי לראות תוצאה.

העתק והדבק לקלוד → מקבל index.html → npx hyperframes preview → npx hyperframes render

קומבו: רעיון + פרומפט תואם

לחיצה אחת. רעיון נולד, פרומפט נבנה אוטומטית סביבו, הכול מוכן להפקה.

שפה גרפית + רכיבי HTML

תהליך 3 שלבים: בנה זהות → ייצא רכיבי asset → הדבק כ-layers ב-HyperFrames index.html. בלי זהות גרפית, הסרטון נראה דל.

שלב 1 — בריף זהות

בריף זהות (DESIGN.md)

לחץ "בנה זהות + רכיבים".

שלב 2 — רכיבי asset (לחץ "העתק HTML" על כל אחד)

כל רכיב הוא HTML+CSS עצמאי שאפשר להדביק לסצנה. פורמט 1080×1920 (9:16). הרכיבים מתעדכנים אוטומטית לפי הזהות.

שלב 3 — Pipeline להפקה

לחץ "בנה זהות + רכיבים".

Skills של HyperFrames + מחולל תסריטים

15 sub-skills שמותקנים דרך npx skills add heygen-com/hyperframes. לחץ על skill → תקבל הסבר + תסריט מוכן שמתאים לסקיל הזה.

תסריט שנוצר

בחר skill למעלה

לחץ על skill למעלה.
התסריט מוכן להעתקה למצב Plan של Claude Code / Cursor.

🖼 HyperFrames — Scene Builder

ב-HyperFrames כל סצנת וידאו = קובץ HTML שמרנדר בדפדפן לפריים. כתוב HTML פה → ראה 9:16 בזמן-אמת → הורד קובץ מוכן.

בחר תבנית או כתוב HTML...
הורד כ-.html → שים בתיקיית HyperFrames frames/ → הפעל npx hyperframes
1080 × 1920 px
24%

📖 איך משתמשים ב-HyperFrames

1. בנה סצנה פה

בחר תבנית, ערוך HTML, ראה בתצוגה

2. הורד .html

שמור ב-frames/scene-01.html

3. הרץ HyperFrames

npx hyperframes render → וידאו 9:16

מאגר נושאים

רשימת הנושאים שמהם המחוללים שואבים. אפשר להוסיף — תעיר ידנית את הדפדפן.