סקיל ל-Claude · עיצוב

canvas-design

פוסטרים ויצירות סטטיות ברמת גלריה, כקובצי PNG ו-PDF שנוצרים בקוד

מאתAnthropic כוכבים בגיטהאב178,952 סוגסקיל רישיוןApache-2.0 עדכון אחרון במאגר29.09.2026 בדיקת התקנהעבדה בבדיקה אוטומטית, 30.09.2026

מה זה canvas-design?

canvas-design הוא סקיל רשמי של Anthropic שמלמד את Claude ליצור עיצובים סטטיים, כמו פוסטרים, כרזות ויצירות אמנות, כקובץ PNG או PDF. במקום להדביק טקסט על רקע, Claude Codeם מנסח תנועה אסתטית שלמה בכתב ורק אז מבטא אותה על הקנבס, עם מעט מאוד מילים והרבה עבודה על צורה, צבע וקומפוזיציה.

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

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

אחרי הטיוטה הראשונה מגיע סבב ליטוש מובנה. הסקיל מורה ל-Claude לא להוסיף עוד אלמנטים אלא לחדד את מה שכבר קיים, לוודא ששום דבר לא חורג מהשוליים ושום טקסט לא עולה על טקסט אחר. יחד עם הסקיל מגיעה תיקיית canvas-fonts עם 54 קובצי גופנים מ-27 משפחות תחת רישיון OFL, כך שהטיפוגרפיה לא נשענת רק על גופני מערכת. אפשר גם לבקש כמה עמודים ברוח אחת, כמו ספר שולחן קפה קטן.

למי זה מתאים

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

מה הוא עושה

פילוסופיה לפני ציור

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

פלט PNG או PDF

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

מעט טקסט, הרבה עיצוב

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

54 קובצי גופנים בתוך הסקיל

תיקיית canvas-fonts כוללת 27 משפחות, בהן Lora, IBM Plex, Instrument Serif, Work Sans ו-JetBrains Mono, כולן עם רישיון OFL. Claude מתבקש לבחור מתוכן ולא להסתפק בברירת מחדל.

רפרנס סמוי לנושא

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

סבב ליטוש מובנה

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

יצירה מקורית

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

דוגמאות שימוש

מה כותבים ל-Claude אחרי ההתקנה, ומה מקבלים.

פוסטר לערב ג'אז בבר

מה לכתוב
תשתמש בסקיל canvas-design ותעצב פוסטר לערב ג'אז שמתקיים כל יום חמישי בבר קטן בתל אביב. הטקסט היחיד: שם הבר, "ג'אז בחמישי" והשעה 21:00. אני רוצה PDF בגודל A3.

מה מקבלים: קובץ Markdown עם פילוסופיה עיצובית, ופוסטר PDF שבו רוב העבודה היא צורה וצבע ומעט טקסט משולב בקומפוזיציה.

יצירה לקיר של קליניקה

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

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

כריכה למדריך PDF

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

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

לוח כיוון ללקוח של סוכנות

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

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

מה צריך לפני שמתחילים

  • Claude Code, או מנוי בתשלום ל-Claude.ai שבו הסקילים של Anthropic כבר זמינים
  • Git מותקן לצורך ההתקנה דרך הפקודה
  • Claude מצייר את היצירה בעזרת קוד, ולכן במחשב מקומי ייתכן שיבקש להתקין ספריות כמו Pillow או reportlab ב-Python
  • הגופנים שמגיעים עם הסקיל לטיניים. לטקסט בעברית צריך לספק או להוריד גופן עברי
  • אין צורך במפתח API ואין עלות נוספת מעבר לשימוש ב-Claude

אין עדיין Claude Code? במדריך הזה יש התקנה צעד אחרי צעד.

מדריך התקנה

איך מתקינים את canvas-design.

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

1

הכי פשוט: באפליקציה של Claude, בלי שום קוד

מתאים ל-Claude במחשב ובדפדפן. לוקח דקה, ועושים את זה פעם אחת.

  1. מורידים את הסקילהורדת canvas-design.zip (2.5 MB)לא פותחים את הקובץ, מעלים אותו כמו שהוא.
  2. מדליקים פעם אחת את היכולתב-Claude נכנסים ל-Settings, ואז Capabilities, ומדליקים את Code execution and file creation.
  3. מעלים את הקובץנכנסים ל-Customize, ואז Skills, לוחצים על הפלוס, בוחרים Create skill ואז Upload a skill, ובוחרים את הקובץ שהורדתם.
  4. זהו, עובדיםמבקשים מ-Claude את המשימה במילים רגילות, והוא משתמש בסקיל לבד כשהוא רלוונטי.
2

ב-Claude Code: מדביקים הודעה אחת

פותחים שיחה חדשה ב-Claude Code, מעתיקים את ההודעה ומדביקים. כש-Claude מבקש אישור להריץ, לוחצים Allow.

ההודעה להדבקה
תתקין לי את הסקיל canvas-design של Anthropic מ-GitHub. תריץ את הפקודה הבאה ותגיד לי כשהיא מסתיימת:
D="$(mktemp -d)" && git clone --depth 1 -q https://github.com/anthropics/skills "$D/repo" && mkdir -p ~/.claude/skills && cp -R "$D/repo/skills/canvas-design" ~/.claude/skills/ && rm -rf "$D" && echo "הותקן ✓"
3

דרך הפלאגינים של Claude Code

מקלידים בצ'אט של Claude Code את שתי הפקודות, אחת אחרי השנייה. את הפקודות מקלידים בעצמכם בחלון של Claude Code. הפלאגין example-skills מתקין את canvas-design יחד עם 11 סקילים נוספים של Anthropic, בהם frontend-design ו-algorithmic-art. מי שרוצה רק את canvas-design משתמש בפקודת ההתקנה הידנית. בוחרים דרך אחת בלבד.

פקודה 1: הוספת המאגר
/plugin marketplace add anthropics/skills
פקודה 2: התקנה
/plugin install example-skills@anthropic-agent-skills
4

בטרמינל, ידנית

למי שמעדיף להריץ בעצמו. מעתיקים לטרמינל ומריצים.

פקודות לטרמינל
D="$(mktemp -d)"
git clone --depth 1 -q https://github.com/anthropics/skills "$D/repo"
mkdir -p ~/.claude/skills
cp -R "$D/repo/skills/canvas-design" ~/.claude/skills/
rm -rf "$D"
אחרי ההתקנה

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

איך יודעים שזה עבד
  • מקלידים / בסשן חדש ובודקים ש-canvas-design מופיע ברשימה
  • שואלים את Claude "אילו סקילים יש לך?"
  • בטרמינל מריצים ls ~/.claude/skills/canvas-design ומוודאים שיש SKILL.md ותיקייה בשם canvas-fonts
עדכון

מוחקים את התיקייה עם rm -rf ~/.claude/skills/canvas-design ומריצים שוב את פקודת ההתקנה. בהתקנה כפלאגין מריצים claude plugin update example-skills@anthropic-agent-skills ומפעילים מחדש את Claude Code.

הסרה
פקודת הסרה
rm -rf ~/.claude/skills/canvas-design

איך משתמשים ביום יום

  1. מבקשים פוסטר, כרזה, יצירה או עיצוב סטטי, ו-Claude טוען את הסקיל לפי התיאור שלו. אפשר גם לכתוב /canvas-design ואחריו את הבקשה.
  2. כדאי לתת רמז לנושא ולאווירה, ולא הוראות פריסה מדויקות. הסקיל נבנה כך שהקלט של המשתמש הוא בסיס ולא מגבלה.
  3. מציינים את הפורמט הרצוי (PNG או PDF) ואת הגודל, למשל A3 להדפסה או 1080 על 1350 פיקסלים לאינסטגרם.
  4. קוראים את קובץ הפילוסופיה שנוצר. אם הכיוון לא מתאים, מתקנים אותו במילים ומבקשים לצייר מחדש.
  5. לסדרה שלמה מבקשים כמה עמודים באותה פילוסופיה, והם יגיעו כ-PDF אחד או כקובצי PNG נפרדים.

טיפים שימושיים

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

תקלות נפוצות

הטקסט בעברית יוצא הפוך או בריבועים
הגופנים שבתיקיית הסקיל לא כוללים עברית. מבקשים מ-Claude להוריד גופן עברי ולהשתמש בו, ולוודא שהטקסט מוצג מימין לשמאל.
Claude נכשל ביצירת הקובץ בגלל ספרייה חסרה
מאשרים לו להתקין את הספרייה שהוא מבקש, בדרך כלל חבילת Python. אם יש כמה גרסאות Python במחשב, מבקשים ממנו להשתמש בסביבה וירטואלית.
היצירה יוצאת עמוסה מדי
מבקשים סבב ליטוש לפי הסקיל: לחדד את הקיים ולהוריד אלמנטים, ולא להוסיף. אפשר גם לבקש במפורש פחות צורות ויותר מרחב ריק.
הסקיל לא מופיע
בודקים ש-SKILL.md נמצא ישירות בתוך ~/.claude/skills/canvas-design ולא בתיקייה נוספת, ופותחים סשן חדש.

שאלות ותשובות

זה מחולל תמונות כמו Midjourney?
לא, canvas-design לא משתמש במודל תמונות. Claude כותב קוד שמצייר צורות, צבעים וטקסט, ולכן התוצאה חדה, ניתנת לשחזור ומתאימה במיוחד לעיצוב גרפי ולא לצילום.
יש עלות נוספת?
לא, הסקיל מופץ תחת Apache 2.0 ולא דורש מפתח API, והעלות היחידה היא השימוש הרגיל ב-Claude.
אפשר להשתמש בתוצר מסחרית?
הסקיל מורה ל-Claude ליצור עבודה מקורית ולא להעתיק אמנים. הגופנים שבתיקייה מופצים ברישיון OFL שמתיר שימוש מסחרי. על השימוש בתוצר עצמו חלים התנאים של Anthropic לשירות שבו אתם משתמשים.
מה ההבדל בינו לבין algorithmic-art?
canvas-design מייצר יצירה סטטית אחת כקובץ PNG או PDF. algorithmic-art מייצר אמנות גנרטיבית ב-p5.js, עם קוד שאפשר להריץ שוב ושוב עם זרעים שונים ולקבל וריאציות.
זה עובד בעברית?
ההנחיות באנגלית ואפשר לכתוב את הבקשה בעברית. לטקסט עברי בתוך היצירה צריך גופן שתומך בעברית, כי הגופנים שמגיעים עם הסקיל לטיניים.

קרדיט ומקור. canvas-design נכתב על ידי Anthropic ונמצא ב-anthropics/skills ברישיון Apache-2.0. את העמוד כתב קורן בן עזרא אחרי בדיקה של המאגר ושל פקודות ההתקנה (29.09.2026). מאגרים מתעדכנים, ולכן אם משהו השתנה, המאגר הוא המקור הקובע.

נתקעתם בהתקנה?

כתבו לי בוואטסאפ, אני קורא הכל ועונה.