קורן בן עזרא
meodaiמה זה Color Expert?
Color Expert הוא סקיל שהופך את Claude ליועץ צבע שמבין את התחום לעומק, מבניית סולם צבעים למותג ועד בדיקת נגישות של טקסט על רקע. מאחוריו עומד מאגר גדול של מאמרים, תמלולי הרצאות ומחקרים, ולכן ההמלצות שלו מבוססות ולא ניחוש.
רוב בעלי העסקים בוחרים צבעים לפי תחושה, ואז מגלים שהכפתור הירוק לא קריא על הרקע, שהגרדיאנט באתר הופך אפור באמצע, או שהגוונים באתר לא דומים לשלט שתלוי בחנות. Color Expert נבנה בדיוק לשאלות האלה. זה סקיל ל-Claude Code (והוא עובד גם עם Codex, Cursor, Copilot ו-OpenCode) שנטען אוטומטית בכל פעם שהשיחה נוגעת בצבע.
הסקיל בנוי בשלוש שכבות. קובץ SKILL.md מרכז את העובדות וההמלצות החשובות ביותר, קובץ INDEX.md משמש כמפתח עניינים, ותיקיית references מחזיקה את החומר המעמיק. לפי ה-README מדובר ב-144 קבצי ייחוס ובכ-286 אלף מילים, מתמלולי הרצאות ועד תיעוד של ספריות קוד, ובפועל התיקייה כבר גדלה מאז. Claude לא קורא את כל זה בכל פעם, אלא שולף רק את הקובץ שמתאים לשאלה, כך שהשיחה נשארת מהירה.
מה שמייחד אותו הוא עמדות ברורות שמגובות במחקר: להעדיף OKLCH על פני HSL כשבונים סולמות צבע, לבדוק ניגודיות גם לפי WCAG וגם לפי APCA, ולא להסתמך על כללי אצבע כמו "כחול מרגיע". הסקיל חינמי, החומרים המקוריים שלו זמינים תחת רישיון CC BY 4.0, והוא לא דורש מפתח API או שירות חיצוני.
למי זה מתאים
- מעצבים ובוני אתרים שצריכים סולם צבעים אחיד למותג, כולל מצב כהה ובהיר
- בעלי חנויות Shopify ואתרי תדמית שרוצים לוודא שהטקסט קריא לכל הלקוחות, כולל אנשים עם לקות ראייה
- סוכנויות שמגדירות design tokens ורוצות שהצבעים יהיו נכונים כבר מההתחלה
- יוצרי תוכן ומעצבי גרפיקה שרוצים להבין למה צבע מסוים עובד או לא עובד
- מפתחים שבונים מחולל פלטות או כלי צבע ומחפשים את הספרייה והאלגוריתם המתאימים
מה הוא עושה
סולמות צבע ב-OKLCH
Claude בונה סולם של כמה דרגות לצבע המותג, עם בהירות אחידה בין הגוונים ובלי אמצע עכור, ומחלק אותו לטוקנים של רקע, טקסט, הדגשה, הצלחה ואזהרה.
בדיקת ניגודיות ונגישות
כל צמד של טקסט ורקע נבדק מול WCAG ומול APCA, גם במצב בהיר וגם במצב כהה, עם הסבר ברור מה עובר, מה נכשל ואיזה גוון קרוב יפתור את הבעיה.
כמה גישות לפלטה, לא אחת
הסקיל מנחה את Claude להציג כמה שיטות ליצירת פלטה (עוגנים, מחזור גוונים, נוסחת קוסינוס, הרמוניה), עם היתרונות והחסרונות של כל אחת, לפני שמצמצמים לבחירה אחת.
שמות לצבעים
הסקיל מכיר מערכות שמות היסטוריות ומודרניות, כולל ISCC-NBS ורשימות שמות גדולות, ולכן Claude יודע לתת לצבעים שמות תיאוריים שמתאימים לקטלוג או למדריך מותג.
מסך מול דפוס וערבוב פיגמנטים
הסבר מעשי למה צבע נראה אחרת במסך ובהדפסה, מתי עובדים ב-CIELAB D50 ומתי ב-D65, ואיך מדמים ערבוב שנראה כמו צבע אמיתי ולא כמו ממוצע אפור.
המלצות על כלים וספריות
Culori, Color.js, Spectral.js, Huetone ו-Leonardo הם רק חלק מהכלים שהסקיל מכיר, עם הסבר מתי להשתמש בכל אחד. הוא גם מזהיר מפני כלים שלא באמת מייצרים פלטה, כמו coolors.co.
תיקון אמונות רווחות
הסקיל מתקן הנחות נפוצות, כמו שהבהירות ב-HSL משקפת בהירות אמיתית, או שהגוון לבדו קובע את מצב הרוח של עיצוב, ומסביר מה המחקר אומר במקום.
דוגמאות שימוש
מה כותבים ל-Claude אחרי ההתקנה, ומה מקבלים.
סולם צבעים לאתר של מאפייה
הצבע של המאפייה שלי הוא #C8553D. בנה לי סולם של 9 דרגות ב-OKLCH לאתר, עם גרסה למצב כהה, ובדוק שכל שילוב של טקסט ורקע עובר נגישות.מה מקבלים: טבלת צבעים עם ערכי OKLCH ו-HEX, חלוקה לטוקנים של רקע, טקסט וכפתור, ודוח ניגודיות שמסמן אילו צמדים לא עוברים ואיך לתקן אותם.
כפתור קנייה בחנות Shopify
הכפתור 'הוסף לסל' בחנות שלי ירוק #4CAF50 עם טקסט לבן. זה קריא מספיק? אם לא, תציע גוון קרוב שעובר WCAG AA ו-APCA.מה מקבלים: תוצאת בדיקה לפי שני התקנים, הסבר קצר למה הצמד הנוכחי חלש, ושתיים או שלוש חלופות קרובות לצבע המקורי שעוברות את הבדיקה.
גרדיאנט שנראה אפור באמצע
הגרדיאנט מכחול לצהוב בבאנר באתר שלי נראה אפור ועכור באמצע. למה זה קורה ואיך מתקנים את זה ב-CSS?מה מקבלים: הסבר על ההבדל בין מעבר צבע במרחב RGB למעבר ב-OKLAB או OKLCH, ושורת CSS מתוקנת שאפשר להדביק ישר לקובץ העיצוב.
שלוש פלטות לקליניקה חדשה
אני פותחת קליניקה לפיזיותרפיה בתל אביב. תציע שלוש פלטות שונות למיתוג, כל אחת בגישה אחרת, ותסביר את ההבדל ביניהן ואיזו מתאימה לקהל מבוגר.מה מקבלים: שלוש פלטות עם קודי צבע, הסבר על השיטה שיצרה כל אחת, שיקולי קריאות לקהל מבוגר, והמלצה מנומקת.
מה צריך לפני שמתחילים
- Claude Code, או סוכן אחר שתומך בסקילים כמו Codex, Cursor, Copilot או OpenCode
- git לצורך ההתקנה בשיטת השכפול, או Node.js למי שמעדיף להתקין עם npx skills add
- אין צורך במפתח API ואין עלות שימוש מעבר למנוי הרגיל ל-Claude
- חומרי הידע כתובים באנגלית, אבל Claude עונה בעברית כששואלים אותו בעברית
אין עדיין Claude Code? במדריך הזה יש התקנה צעד אחרי צעד.
איך מתקינים את Color Expert.
יש 3 דרכים, ומספיקה אחת מהן. הראשונה הכי פשוטה, בלי קוד בכלל.
הכי פשוט: באפליקציה של Claude, בלי שום קוד
מתאים ל-Claude במחשב ובדפדפן. לוקח דקה, ועושים את זה פעם אחת.
- מורידים את הסקילהורדת color-expert.zip (989 KB)לא פותחים את הקובץ, מעלים אותו כמו שהוא.
- מדליקים פעם אחת את היכולתב-Claude נכנסים ל-Settings, ואז Capabilities, ומדליקים את
Code execution and file creation. - מעלים את הקובץנכנסים ל-Customize, ואז Skills, לוחצים על הפלוס, בוחרים
Create skillואזUpload a skill, ובוחרים את הקובץ שהורדתם. - זהו, עובדיםמבקשים מ-Claude את המשימה במילים רגילות, והוא משתמש בסקיל לבד כשהוא רלוונטי.
ב-Claude Code: מדביקים הודעה אחת
פותחים שיחה חדשה ב-Claude Code, מעתיקים את ההודעה ומדביקים. כש-Claude מבקש אישור להריץ, לוחצים Allow.
התקן בבקשה את הסקיל Color Expert ל-Claude Code. הרץ את הפקודה הבאה בטרמינל ותגיד לי אם ההתקנה הצליחה: D="$(mktemp -d)" && git clone --depth 1 -q https://github.com/meodai/skill.color-expert "$D/repo" && rm -rf "$D/repo/.git" && mkdir -p ~/.claude/skills && rm -rf ~/.claude/skills/color-expert && cp -R "$D/repo" ~/.claude/skills/color-expert && rm -rf "$D" && echo "הותקן ✓"
בטרמינל, ידנית
למי שמעדיף להריץ בעצמו. מעתיקים לטרמינל ומריצים.
git clone --depth 1 https://github.com/meodai/skill.color-expert /tmp/color-expert rm -rf /tmp/color-expert/.git mkdir -p ~/.claude/skills cp -R /tmp/color-expert ~/.claude/skills/color-expert rm -rf /tmp/color-expert
אין הגדרות נוספות ואין מפתחות. צריך להפעיל מחדש את Claude Code כדי שהסקיל ייטען, ומשם הוא נכנס לפעולה לבד בכל שאלה שקשורה לצבע.
- מריצים ls ~/.claude/skills ומוודאים שיש תיקייה בשם color-expert
- בשיחה חדשה שואלים את Claude: אילו סקילים יש לך? והוא אמור להזכיר את color-expert
- שואלים שאלת צבע פשוטה, למשל מה ההבדל בין HSL ל-OKLCH, ובודקים שהתשובה נשענת על קבצי הייחוס של הסקיל
מריצים שוב את אותה פקודת התקנה, והיא מחליפה את התיקייה בגרסה העדכנית מ-GitHub. מי שהתקין עם npx skills add יכול להריץ npx skills update.
rm -rf ~/.claude/skills/color-expert
איך משתמשים ביום יום
- אין צורך לקרוא לסקיל בשם. ברגע ששואלים על צבע, פלטה, ניגודיות או גרדיאנט, Claude טוען אותו לבד.
- כדאי לתת הקשר: באיזה מדיום מדובר (אתר, שלט, אריזה), מה צבעי המותג הקיימים ומי הקהל. הסקיל מנחה את Claude לשאול על זה כשהפרטים חסרים.
- כשעובדים על אתר, מבקשים את התוצאה ישירות כקוד, למשל משתני CSS, קובץ tokens או הגדרות Tailwind, וכך חוסכים העתקה ידנית.
- בשאלה תיאורטית אפשר לבקש מ-Claude לציין מאיזה קובץ ייחוס הגיעה התשובה, ואז לקרוא את המקור בעצמכם.
טיפים שימושיים
- כשבונים פלטה למותג, בקשו מ-Claude להציג כמה גישות ולא רק אחת. הסקיל בנוי כך שיציג אפשרויות עם יתרונות וחסרונות, וזה עוזר לבחור בצורה מושכלת.
- בדקו תמיד את הצבעים גם במצב כהה, כי צבע שעובד היטב על רקע לבן יכול להיעלם על רקע שחור.
- אם יש לכם כבר צבעי מותג, תנו אותם בקוד HEX, וכך Claude בונה סביבם ולא ממציא מותג חדש.
- לפני הדפסה של שלט, כרטיס ביקור או אריזה, שאלו על ההבדל בין הצבע במסך לצבע בדפוס, כי זו טעות יקרה שקל למנוע מראש.
תקלות נפוצות
Claude לא משתמש בסקיל כששואלים על צבע
הפקודה נכשלת עם השגיאה git: command not found
התשובות ארוכות ותיאורטיות מדי
ההעלאה לאפליקציית Claude נדחית
שאלות ותשובות
האם הסקיל עולה כסף?
האם הוא עובד בעברית?
מה זה OKLCH ולמה הסקיל מתעקש עליו?
אפשר להתקין בלי git?
מה מצב הרישיון?
האם הפרויקט מתוחזק?
קרדיט ומקור. Color Expert נכתב על ידי meodai ונמצא ב-meodai/skill.color-expert ברישיון CC-BY-4.0. את העמוד כתב קורן בן עזרא אחרי בדיקה של המאגר ושל פקודות ההתקנה (29.09.2026). מאגרים מתעדכנים, ולכן אם משהו השתנה, המאגר הוא המקור הקובע.
Ashutos1997
nextlevelbuilder
Anthropic