קורן בן עזרא
nextlevelbuilderמה זה Slides?
slides הוא סקיל מתוך המאגר של UI UX Pro Max, שבונה מצגות כקובץ HTML אחד, עם ניווט במקלדת, פס התקדמות וגרפים של Chart.js. לצד התבנית הוא מביא שלושה מאגרי ידע: מבני מצגת לפי מטרה, פריסות שקפים ונוסחאות קופי כמו PAS ו-AIDA. החיפוש החכם במאגרים נשען על סקיל אחר מאותו מאגר, design-system, ולכן כדאי להתקין את שניהם.
מצגת טובה מתחילה מהשאלה מה היא צריכה להשיג, ולא מבחירת רקע. מצגת למשקיעים, מצגת מכירה והצגת מוצר בנויות אחרת, עם סדר שקפים אחר וקשת רגשית אחרת. slides מכניס את ההיגיון הזה לעבודה של Claude: הוא בוחר מבנה לפי המטרה והקהל, מתאים לכל שקף פריסה ונוסחת קופי, ורק אז בונה את המצגת.
בפועל הסקיל מנתב את הבקשה לפקודה create, ונשען על ארבעה קבצי ייחוס. הם כוללים 15 מבני מצגת (למשל YC Seed Deck בעשרה שקפים ו-Sales Pitch בתשעה), 25 פריסות שקפים עם קוד CSS ומחלקות אנימציה, 25 נוסחאות קופי, ותבנית HTML מלאה. התבנית נועלת יחס של 16:9 במחשב, מתאימה את עצמה לטאבלט ולנייד, וטוענת את Chart.js מ-CDN כדי להציג גרפים של קו, עמודות, עוגה ורדאר.
למשל, בעלת סטודיו לעיצוב פנים בהרצליה שמכינה מצגת ללקוח עסקי יכולה לבקש מצגת מכירה של תשעה שקפים. היא תקבל שקף פתיחה אישי, שקף של הבעיה, שקף של מחיר אי עשייה, הצגת הפתרון, הוכחות, בידול, מחיר, מענה להתנגדויות וקריאה לפעולה, הכול בקובץ HTML אחד שנפתח בכל דפדפן.
למי זה מתאים
- בעלי עסקים שמכינים מצגת מכירה ללקוח או הצעה עסקית ורוצים מבנה שעובד
- יזמים שמכינים מצגת למשקיעים ורוצים סדר שקפים מוכר
- יועצים ומנהלי שיווק שמציגים נתונים ורוצים גרפים חיים בתוך המצגת
- מרצים ומנחי סדנאות שצריכים מצגת שנפתחת בדפדפן בלי PowerPoint
מה הוא עושה
15 מבני מצגת
מבנים לפי מטרה וקהל, ביניהם YC Seed Deck, Series A, הצגת מוצר, מצגת מכירה, QBR, אסיפת צוות, הרצאה בכנס, סדנה, case study, ניתוח מתחרים, ישיבת דירקטוריון ווובינר.
קשת רגשית לכל מבנה
לכל מבנה מוגדר רצף רגשי, למשל סקרנות, תסכול, תקווה, ביטחון, אמון ודחיפות, ויש גם את תבנית Sparkline של Nancy Duarte שמחליפה בין המצב הקיים למה שיכול להיות.
25 פריסות שקפים
שקף פתיחה, הצגת בעיה, רשת יכולות, לוח מדדים, טבלת השוואה, ציר זמן, צוות, המלצה, מספר גדול, תמחור וקריאה לפעולה, כל אחד עם מחלקת אנימציה מוצעת.
25 נוסחאות קופי
PAS, AIDA, FAB, מחיר אי עשייה ו-Before-After-Bridge, עם תבנית משפט לכל אחת וטבלה שמתאימה נוסחה לסוג השקף.
תבנית HTML מלאה
פס התקדמות, מונה שקפים, כפתורי ניווט ומעבר בחיצי המקלדת, נעילה ל-16:9 במחשב ונקודות שבירה לטאבלט ולנייד.
גרפים עם Chart.js
דוגמת קוד לגרף בתוך שקף, עם צבעים שמתאימים לרקע כהה, בסוגים קו, עמודות, עוגה ורדאר.
טוקנים עיצוביים
התבנית בנויה על משתני CSS, ואפשר להדביק לתוכה טוקנים שנוצרו בסקיל design-system מאותו מאגר.
מה יש בפנים
SKILL.mdהנתב: מזהה את הפקודה create וטוען את קובץ הייחוס המתאים.references/create.mdההוראה לבנות מצגת משכנעת עם טוקנים, Chart.js ומאגר הידע של השקפים.references/slide-strategies.md15 מבני מצגת עם מספר שקפים, מטרה וקהל, רצף שקפים מפורט לשלושה מהם, וקשת רגשית.references/layout-patterns.mdפריסות השקפים, קוד CSS לפריסות המרכזיות, וריאציות של כרטיסים ומדדים, וזרימת החלטה לבחירת פריסה.references/copywriting-formulas.mdנוסחאות הקופי, מילות כוח, תבניות של ניגוד והוכחה חברתית, וטבלת התאמה בין צורך לנוסחה.references/html-template.mdתבנית HTML מלאה עם ניווט, נקודות שבירה, שילוב Chart.js, מחלקות אנימציה ושקף עם תמונת רקע.דוגמאות שימוש
מה כותבים ל-Claude אחרי ההתקנה, ומה מקבלים.
מצגת מכירה ללקוח עסקי
תשתמש בסקיל slides ותבנה מצגת מכירה של 9 שקפים לסטודיו לעיצוב פנים בהרצליה, שמציע עיצוב משרדים לחברות קטנות. המצגת בעברית ומימין לשמאל.מה מקבלים: מצגת HTML לפי מבנה Sales Pitch: פתיחה אישית, הבעיה, מחיר אי עשייה, הפתרון, הוכחות, בידול, מחיר, התנגדויות וקריאה לפעולה.
מצגת למשקיעים
תשתמש ב-slides ותכין מצגת למשקיעים בשלב seed לאפליקציה לניהול תורים למספרות. תשתמש במבנה YC Seed Deck, בעברית.מה מקבלים: עשרה שקפים לפי המבנה בקובץ הייחוס, מפתיחה ובעיה ועד צוות, נתונים כספיים והבקשה, עם קשת רגשית מסקרנות לדחיפות.
סקירה רבעונית עם גרפים
תשתמש ב-slides ותבנה מצגת QBR לחנות אונליין, עם גרף קו של מכירות לפי חודש וגרף עמודות של מקורות תנועה. הנתונים מצורפים בקובץ CSV.מה מקבלים: מצגת עם לוח מדדים ושקפי גרפים של Chart.js לפי תבנית ה-HTML, עם כותרת לכל שקף שנכתבה לפי אחת מנוסחאות הקופי.
שכתוב שקף חלש
תשתמש ב-slides ותשכתב את שקף הבעיה במצגת שלי לפי נוסחת PAS, ואחר כך את שקף הסיום לפי AIDA. הטקסט המקורי מצורף.מה מקבלים: שקף בעיה ושקף סיום חדשים לפי תבניות המשפט של הנוסחאות, עם פריסה מתאימה מתוך רשימת הפריסות.
מה צריך לפני שמתחילים
- Claude Code, או סוכן אחר שקורא קבצי SKILL.md
- git להתקנה בפקודה, בלי מפתח API ובלי עלות, רישיון MIT
- Python 3, אם רוצים את החיפוש במאגר השקפים (search-slides.py), שמגיע עם design-system שמותקן יחד עם הסקיל
- חיבור לאינטרנט בזמן ההצגה, כי התבנית טוענת את Chart.js מ-CDN, אלא אם מבקשים לשמור עותק מקומי
- ההוראות והתבנית באנגלית (התבנית מוגדרת lang="en"), ולכן מציינים בבקשה עברית ומימין לשמאל
אין עדיין Claude Code? במדריך הזה יש התקנה צעד אחרי צעד.
איך מתקינים את Slides.
יש 3 דרכים, ומספיקה אחת מהן. הראשונה הכי פשוטה.
הדרך הקלה: מדביקים בצ'אט של Claude Code
פותחים שיחה חדשה ב-Claude Code, מעתיקים את ההודעה ומדביקים. כש-Claude מבקש אישור להריץ, לוחצים Allow.
תתקין לי בבקשה את הסקיל slides, יחד עם הסקיל design-system שהוא נשען עליו, מהמאגר nextlevelbuilder/ui-ux-pro-max-skill לתיקיית הסקילים שלי. תריץ את הפקודה הזו בדיוק: D="$(mktemp -d)" && git clone --depth 1 -q https://github.com/nextlevelbuilder/ui-ux-pro-max-skill "$D/repo" && mkdir -p ~/.claude/skills && cp -R "$D/repo/cli/assets/skills/slides" "$D/repo/cli/assets/skills/design-system" ~/.claude/skills/ && rm -rf "$D" && echo "הותקן ✓"
בטרמינל, ידנית
למי שמעדיף להריץ בעצמו. מעתיקים לטרמינל ומריצים.
D="$(mktemp -d)" && git clone --depth 1 -q https://github.com/nextlevelbuilder/ui-ux-pro-max-skill "$D/repo" && mkdir -p ~/.claude/skills && cp -R "$D/repo/cli/assets/skills/slides" "$D/repo/cli/assets/skills/design-system" ~/.claude/skills/ && rm -rf "$D" && echo "הותקן ✓"באפליקציה של Claude (דסקטופ או דפדפן)
בדף המאגר ב-GitHub לוחצים Code ואז Download ZIP, מחלצים, ודוחסים לקובץ ZIP חדש רק את התיקייה cli/assets/skills/slides. באפליקציית Claude נכנסים ל-Settings > Capabilities > Skills, לוחצים Upload ובוחרים את הקובץ.
מפעילים מחדש את Claude Code. הפקודה מתקינה גם את הסקיל design-system מאותו מאגר, כי קבצי הייחוס של slides מפנים לסקריפט ../design-system/scripts/search-slides.py ולטוקנים מ-embed-tokens.cjs, ושניהם נמצאים בו.
- מריצים ls ~/.claude/skills/slides ומוודאים שמופיעים SKILL.md והתיקייה references
- מריצים ls ~/.claude/skills/design-system/scripts ומוודאים שמופיע search-slides.py
- מבקשים מצגת קצרה של חמישה שקפים ופותחים את קובץ ה-HTML בדפדפן כדי לבדוק ניווט וגרפים
מריצים שוב את אותה פקודת התקנה, והיא מעתיקה את הגרסה העדכנית של שני הסקילים מעל הקיימת. בהסרה, מי שמשתמש ב-design-system גם בלי הסקיל הזה מוחק רק את התיקייה slides.
rm -rf ~/.claude/skills/slides ~/.claude/skills/design-system
איך משתמשים ביום יום
- כותבים בבקשה תשתמש בסקיל slides, או מתחילים ב-create ואחריו נושא ומספר שקפים
- מציינים את מטרת המצגת ואת הקהל, למשל משקיעים, לקוח או צוות, כי לפיהם נבחר המבנה
- מוסיפים עברית, מימין לשמאל וגופן עברי, ומצרפים צבעים או מסמך מותג אם יש
- פותחים את קובץ ה-HTML בדפדפן, עוברים בין השקפים ומבקשים תיקונים לשקפים ספציפיים
- לפני ההצגה בודקים שיש חיבור לאינטרנט, או מבקשים לשמור את Chart.js מקומית
טיפים שימושיים
- במצגת עברית כדאי לבקש שגם החיצים והניווט יתאימו לכיוון הקריאה, כי בתבנית המקורית החץ ימינה מקדם לשקף הבא
- מבקשים קודם את רשימת השקפים והמבנה, ורק אחרי אישור את המצגת המלאה, כך התיקונים קצרים יותר
- נתונים לגרפים מצרפים כקובץ או כטבלה, כי הסקיל לא ממציא נתונים בשבילכם וכדאי לוודא שכל מספר בא מכם
- התבנית משתמשת בתמונות רקע מקישור חיצוני, ולכן מומלץ לבקש תמונות משלכם או תמונות שיש לכם זכות להשתמש בהן
- למצגות בעברית עם RTL מלא כבר בבסיס, שווה להכיר גם את presentation-generator של skills-il
תקלות נפוצות
Claude מנסה להריץ search-slides.py ומקבל שהקובץ לא נמצא
הגרפים לא מופיעים במצגת
הטקסט העברי מיושר לשמאל
יש לי כבר סקיל אחר בשם slides
שאלות ותשובות
זה עולה כסף?
זה עובד בעברית?
אפשר לקבל את המצגת כקובץ PowerPoint?
התקנתי כבר את UI UX Pro Max, צריך להתקין גם את זה?
מי כתב את הסקיל?
קרדיט ומקור. Slides נכתב על ידי nextlevelbuilder ונמצא ב-nextlevelbuilder/ui-ux-pro-max-skill ברישיון MIT. את העמוד כתב קורן בן עזרא אחרי בדיקה של המאגר ושל פקודות ההתקנה (08.10.2026). מאגרים מתעדכנים, ולכן אם משהו השתנה, המאגר הוא המקור הקובע.
skills-il