יצירת תרשימים עם AI: קלוד קוד מצייר, אתם עורכים

מה Excalidraw Diagram Skill עושה?

Excalidraw Diagram Skill הוא סקיל לקלוד קוד, כלומר קובץ הוראות ותבניות שקלוד קורא כשאתם מבקשים תרשים. נכון לאוקטובר 2026 יש לו כ-5,100 כוכבים בגיטהאב, והוא חינמי.

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

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

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

למה זה שונה מתרשים רגיל שמקבלים מ-AI?

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

• צורה לפי הרעיון. ציר זמן לתהליך שקורה בשלבים, מניפה שנפתחת לדבר אחד שמתפצל לכמה, והתכנסות לכמה מקורות שמתאחדים לתוצאה אחת.
• בדיקה עצמית. הסקיל מגיע עם מנגנון רינדור שמבוסס על Playwright. קלוד מצייר, מרנדר את התרשים לתמונה, מסתכל עליה, ומתקן טקסט חופף, חצים עקומים ומרווחים לא מאוזנים לפני שהוא מחזיר לכם תוצאה.
• צבעים של המותג. כל הצבעים יושבים בקובץ אחד, references/color-palette.md. מחליפים אותו, וכל תרשים יוצא בפלטה שלכם.
• דוגמאות אמיתיות בתוך התרשים. בתרשימים טכניים הוא מכניס קטעי קוד ונתונים אמיתיים, לא קופסה שכתוב בה "API".

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

איך מתקינים את הסקיל בקלוד קוד?

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

תתקין לי את הסקיל https://github.com/coleam00/excalidraw-diagram-skill
לתוך .claude/skills/excalidraw-diagram בפרויקט הזה,
ואז תגדיר את ה-renderer לפי ההוראות ב-SKILL.md.
תגיד לי מה התקנת ואם משהו נכשל.

אם אתם מעדיפים להריץ לבד, אלה הפקודות מה-README. קודם מורידים ומעתיקים את הסקיל:

git clone https://github.com/coleam00/excalidraw-diagram-skill.git
cp -r excalidraw-diagram-skill .claude/skills/excalidraw-diagram

ואז מתקינים את מנגנון הרינדור, שצריך את uv (מנהל חבילות של פייתון) ודפדפן Chromium של Playwright:

cd .claude/skills/excalidraw-diagram/references
uv sync
uv run playwright install chromium

אחרי זה פותחים סשן חדש של קלוד קוד, כדי שהסקיל ייטען. רוצים שהוא יהיה זמין בכל הפרויקטים? מעתיקים את התיקייה ל-~/.claude/skills/ במקום לפרויקט אחד. למציאת סקילים נוספים כדאי לעבור על find-skills.

אילו פרומפטים עובדים לתרשים הראשון?

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

תהליך קליטת לקוח

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

מסמך שהופך לתרשים

תקרא את הקובץ proposal.md ותיצור תרשים Excalidraw אחד
שמסביר את הרעיון המרכזי שלו למישהו שלא קרא אותו.
קודם תגיד לי באיזו צורה בחרת ולמה, ורק אז תצייר.

מבנה של קורס או שירות

תיצור תרשים Excalidraw של הקורס שלי: שלושה מודולים
שכל אחד מתפצל לשיעורים, ובסוף כולם מתכנסים לפרויקט גמר.
תשתמש בפלטה מ-color-palette.md.

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

איך שמים בתרשים את הצבעים של העסק?

פותחים את references/color-palette.md בתוך תיקיית הסקיל ומחליפים את הצבעים בצבעים שלכם. אפשר גם לבקש מקלוד קוד:

תעדכן את references/color-palette.md בסקיל excalidraw-diagram
לצבעים של העסק שלי: ראשי #FF6D1F, משני #181818, רקע #FFFDFB.
תשאיר את המבנה של הקובץ כמו שהוא.

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

איך עורכים את התרשים ומכניסים אותו למצגת?

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

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

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

חשוב לדעת לפני שמתחילים

• אין קובץ רישיון בריפו. נכון לאוקטובר 2026, GitHub לא מציג רישיון לפרויקט. להשתמש בו בעבודה שלכם זה בסדר, אבל לא מפיצים עותק שלו הלאה. שולחים לינק לריפו.
• צריך התקנה קטנה. מנגנון הבדיקה העצמית צריך פייתון, uv ו-Chromium. קלוד קוד מתקין אותם לבד, אבל זה כמה מאות מגה של הורדה.
• התרשים צורך מכסה. הציור והבדיקה רצים בקלוד קוד, אז כל תרשים יורד מהמכסה של המנוי. תרשים מורכב עם כמה סבבי תיקון לוקח יותר.
• עברית בתרשים. הסקיל ו-Excalidraw בנויים קודם כל לאנגלית. תבדקו את הכיוון והגופן של העברית בתרשים הראשון. אם משהו לא יושב, אפשר לתקן ידנית באקסקלידרו או לבקש תוויות באנגלית.
• הריפו לא מתעדכן הרבה. לפי GitHub, העדכון האחרון בו היה במרץ 2026. הוא עובד כמו שהוא, אבל אל תצפו לפיצ'רים חדשים.
• שמירה בדפדפן. excalidraw.com שומר ציורים באחסון של הדפדפן. כדי לא לאבד עבודה, שומרים את הקובץ למחשב.