סקיל למושן גרפיקס ב-Claude: למה הסטוריבורד חשוב יותר מהפרומפט

בקצרה: פרומפט אחד ל-Claude לא יוצר סרטון מושן טוב. מה שעובד הוא סקיל קבוע שמגדיר סיפור, תזמון וחוקי תנועה, יחד עם סטוריבורד מפורט לכל סצנה ועיצוב שמגיע כ-SVG. הגרסה הראשונה תמיד נשברת, ולכן כל תיקון נכנס לסקיל, והפרויקט הבא מתחיל ממקום טוב יותר.

זה כבר הסרטון השני שאני רואה השבוע על מושן גרפיקס שנכתב כקוד. הראשון הראה מה אפשר לעשות בתלת-ממד. הפעם הזו עניינה אותי יותר, כי היוצר לא הראה רק תוצאה. הוא הראה את התהליך, כולל הרגע שבו הכל נשבר.

הסיפור עצמו פשוט. Sanji Nai-Chien, יוצר ביוטיוב, לקח עבודה של סרטון השקה באורך 30 שניות לחברת תוכנה, ובנה אותו ב-Claude בלי After Effects ובלי לגעת בציר זמן. במקביל הוא שכר מעצב מושן אנושי לאותו בריף, כדי להשוות. אבל מה שאני לקחתי מהסרטון הוא לא ההשוואה. זה איך הוא בנה את הסקיל.

למה פרומפט אחד לא מספיק?

היוצר אומר את זה ישר: מי שחושב שאפשר לזרוק פרומפט ל-Claude ולקבל יצירת מופת, טועה. זה לא עובד בפעם הראשונה. מה שכן עובד הוא לבנות תהליך, ואז להפוך אותו לסקיל.

סקיל ב-Claude הוא סט הוראות קבוע שהמודל קורא בכל פעם שהוא עושה סוג מסוים של עבודה. אני עובד ככה כבר הרבה זמן, בקוד ובתוכן, ומה שאני מגלה כל פעם מחדש: הסקיל הוא המקום שבו הניסיון נשמר. בלי סקיל, כל שיחה מתחילה מאפס.

לדבריו, לפני הפרויקט הזה הוא השקיע יותר מ-10 שעות בניסויים עד שמצא מבנה שעובד. זה החלק שלא רואים כשמסתכלים על התוצאה.

מה יש בתוך הסקיל?

הוא מתאר את הסקיל כ"כל מה שמעצב מושן בכיר מחזיק בראש", ומחלק אותו לארבעה חלקים:

1. הסיפור. כל סרטון השקה עובר באותו מסלול: תופסים תשומת לב, מראים את הבעיה, מראים איך המוצר פותר אותה, ומסיימים בתמורה. סצנה שלא משרתת אחד מהארבעה יוצאת.
2. התזמון. כל דבר חשוב נשאר על המסך בערך שנייה וחצי. מספיק כדי לקרוא, לא מספיק כדי להשתעמם.
3. חוקי התנועה. שום דבר לא זז בקו ישר ובקצב קבוע. אלמנט נכנס בערך בחצי שנייה, עובר קצת את היעד וחוזר, ויוצא מהר יותר ממה שנכנס. כל קליק מקבל לחיצה קטנה, והסמן נע בקשת כמו יד אמיתית.
4. המפרט הטכני. 1920 על 1080, 60 פריימים בשנייה, ואזורים בטוחים כדי שאפשר יהיה להתאים את הסרטון לאנכי בלי לחתוך דברים חשובים.

החוק שהכי אהבתי הוא מה שהוא קורא לו "כלל הזהב": שום דבר לא נעצר לגמרי. הוא מבקש מ-Claude לעבוד כמו מעצב ב-After Effects: לקבץ אלמנטים קשורים ולהזיז את כל הקבוצה, להפריש כמה פריימים בין אלמנט לאלמנט, ולהתחיל את התנועה הבאה לפני שהקודמת נחתה. ככה כל תנועה זורמת לתוך הבאה.

מה שמעניין פה הוא שזה ידע מקצועי, לא טריק של פרומפטים. מי שלא יודע מה עושה סרטון השקה לטוב לא יידע לכתוב את זה. Claude מבצע, אבל מישהו צריך לדעת מה לבקש.

שני החוקים שבלעדיהם יוצא בלגן

סטוריבורד קודם, אנימציה אחר כך

לפי היוצר, בלי סטוריבורד טוב התוצאה פשוט גרועה. והוא הראה את זה: אותם קבצים, אותו סקיל ואותו פרומפט, רק בלי סטוריבורד. הסצנות הגיעו בסדר אקראי, הכל זז ביחד, ולא היה סיפור. ממשק יפה שעף על המסך, וזהו.

הסטוריבורד שלו מפרט כל סצנה: מה על המסך, כמה זמן זה נשאר, ולאן המצלמה הולכת. רוב יום העבודה, לדבריו, הלך על הסטוריבורד ולא על הייצור.

אם זו תנועה, צריך ללמד אותה

החוק השני: לתת למודל את רכיבי הממשק, להגדיר את עקומות התנועה ולתת לו בסיס ברור. את העיצוב הוא ייצא מ-Figma כ-SVG ולא כצילומי מסך. הסיבה פשוטה: כשהמצלמה עושה זום לכפתור, SVG נשאר חד וצילום מסך נמרח.

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

רוצים לקבל כל שבוע את מה שאני לומד על כלי AI, בלי רעש? הצטרפו לניוזלטר "אלעד עמרני AI". גיליון אחד בשבוע, ביום שישי.

למה הרינדור הראשון נשבר?

זה החלק בסרטון שהכי שווה לראות. הגרסה הראשונה יצאה הרוסה: טקסט חופף, תנועת מצלמה מהירה מדי, כל הלייאאוט בורח מהמסגרת, הפונט נפל ל-Times New Roman, מונה קפץ ל-200 בפריים אחד, וכל הכרטיסים צצו ביחד אחד על השני.

הוא אומר שפה רוב האנשים מוותרים ואומרים "מושן עם AI לא עובד". אבל לכל באג הייתה סיבה פשוטה, והתיקון היה משפט אחד:

• הלייאאוט ברח כי המסכים ב-Figma עוצבו ברוחב 1440 והסרטון ב-1920. התיקון: לנעול את הקנבס ל-1920 על 1080 ולמקם הכל ביחס למרכז.
• הפונט נשבר כי לא נטען לפני הפריים הראשון. התיקון: לטעון את הפונט לפני שמרנדרים משהו.
• המונה קפץ. התיקון: ספירה שנמשכת בערך שנייה.
• הכרטיסים צצו ביחד. התיקון: אחד אחרי השני, כמה פריימים ביניהם.

הוא עבד ככה בערך שעה. קודם תיקון של מה ששבור, ורק אחר כך טעם: זוהר עדין למונה, סמן שמהסס רגע בין לשוניות. והחלק החשוב: כל אחד מהתיקונים האלה נכנס לסקיל. בפעם הבאה הוא לא יצטרך את השעה הזו.

זה בדיוק מה שאני רואה אצלי עם סקילים. הגרסה הראשונה של סקיל תמיד חלשה. הערך מגיע מהתיקונים שנאספים בו לאורך הזמן.

כמה זמן וכסף זה לקח לו?

לפי היוצר, כל הפרויקט לקח פחות מיום, כולל הסטוריבורד והתיקונים. תיקון שהלקוח ביקש בסוף, לשנות מספר במונה, היה שורת קוד אחת ורינדור של כמה דקות. ב-After Effects זה אומר לפתוח את הפרויקט, למצוא את השכבה ולתקן את התנועה.

המעצב האנושי, לפי הסיפור, ביקש חמישה ימים ומסר אחרי שבעה. היוצר אומר שהגרסה של המעצב הייתה טובה ונקייה, ושהגרסה של Claude הייתה עשירה יותר בתנועות מצלמה. הוא גם מציג חישוב: מה שנשאר לו מהעבודה אחרי העמלה של הפלטפורמה והמנוי.

שווה להגיד בכנות: הסרטון הוא תוכן שיווקי של חברת Higgsfield AI, ואין לי דרך לבדוק את הסיפור, את הלקוח או את הסכומים. אני מתייחס למספרים כאל הטענה שלו. מה שכן אפשר לבדוק בעצמכם הוא השיטה, והיא נשמעת לי נכונה מאוד.

מה אני הייתי עושה?

לא מתחיל מסרטון השקה. מתחיל מסרטון של 15 שניות על משהו שאתם מכירים טוב, וכותב קודם סטוריבורד בטקסט: ארבע סצנות, מה רואים בכל אחת וכמה זמן.

אחר כך פותח סקיל עם ארבעת החלקים: סיפור, תזמון, חוקי תנועה ומפרט. לא צריך שיהיה מושלם. כל באג שתתקנו בדרך, תוסיפו לסקיל משפט אחד. אחרי שלושה סרטונים יהיה לכם סקיל שעובד בשבילכם, וזה שווה הרבה יותר מכל פרומפט שתמצאו ברשת.

שאלות נפוצות

מה זה סקיל ב-Claude?

סט הוראות קבוע ש-Claude קורא בכל פעם שהוא עושה סוג מסוים של עבודה. במקום להסביר מחדש בכל פרומפט איך אתם רוצים שזה ייעשה, כותבים את זה פעם אחת ומשפרים עם הזמן.

אפשר לבנות ככה סרטון בלי סטוריבורד?

אפשר, אבל בסרטון המקור רואים מה יוצא: אותם קבצים, אותו סקיל ואותו פרומפט, וסצנות שמגיעות בסדר אקראי ובלי סיפור. הסטוריבורד הוא מה שנותן למודל את הסדר.

למה לייצא את העיצוב כ-SVG ולא כצילום מסך?

כי כשהמצלמה עושה זום לכפתור, SVG נשאר חד וצילום מסך נמרח. זה גם נותן למודל אלמנטים נפרדים שאפשר להזיז, במקום תמונה אחת שטוחה.

באיזה כלי Claude מרנדר את הסרטון?

בסרטון המקור זה לא נאמר. רואים רק שכל סצנה נכתבת כבלוק קוד ומרונדרת פריים אחרי פריים לקובץ וידאו.

אם אתם רוצים לראות עוד דרך לבנות מושן מקוד, כתבתי גם על מושן גרפיקס בתלת-ממד עם Claude ו-Three.js ועל OpenMontage, סטודיו וידאו בתוך Claude Code.

כל שבוע אני מפרק כלי או שיטה אחת כמו זו, ושולח את מה שעובד באמת. הצטרפו לניוזלטר "אלעד עמרני AI".

המאמר מבוסס על הסרטון I Turned Claude Into a $880/Day Motion Graphics Skill (No After Effects) של Sanji Nai-Chien (יוטיוב, 19.10.2026). הסיפור, הזמנים והמספרים שמיוחסים לו לקוחים משם.