קורן בן עזרא
nextlevelbuilderמה זה Brand?
brand הוא סקיל מתוך המאגר של UI UX Pro Max, שמחזיק את המותג בקובץ אחד, docs/brand-guidelines.md, ומשתמש בו כמקור האמת. סביבו יש עשרה קבצי ייחוס על קול, מסרים, צבעים, טיפוגרפיה, לוגו, ארגון נכסים ובדיקות אישור, וארבעה סקריפטים ב-Node.js. הסקריפטים שולפים את הקשר המותג לפרומפטים, מסנכרנים צבעים לקובצי טוקנים ובודקים שמות וגדלים של קבצים.
בעסק קטן המותג חי בדרך כלל בכמה מקומות: לוגו בתיקייה אחת, צבעים בראש של המעצבת, וטון כתיבה שמשתנה לפי מי שכותב באותו יום. כשמבקשים מ-Claude פוסט, באנר או עמוד באתר, הוא לא יודע כלום מזה. brand פותר את זה במסמך מותג אחד בפרויקט, שממנו Claude שואב את הקול, המסרים והצבעים בכל משימה.
הסקיל בנוי משלוש שכבות. שכבת ידע של עשרה קבצי ייחוס מסבירה איך מגדירים קול מותג על ארבעה צירים (רשמי מול יומיומי, פשוט מול מורכב, רציני מול שובב, מאופק מול אקספרסיבי), איך בונים מסר מרכזי ומסרים תומכים, ואיך מנסחים כללי לוגו וצבע. שכבת תבנית נותנת מסמך מותג מלא להתחלה. שכבת סקריפטים מסנכרנת את הצבעים מהמסמך לקבצים assets/design-tokens.json ו-assets/design-tokens.css, כדי שהאתר והחומרים ישתמשו באותם ערכים.
למשל, חנות קוסמטיקה טבעית מנתניה יכולה לבקש מ-Claude לבנות מסמך מותג מהתבנית: שלוש עד חמש תכונות אישיות, צבע ראשי, משני ומבטא עם קודי HEX, וגופנים. אחרי זה הפקודה update מעדכנת את הצבעים ומסנכרנת אותם לטוקנים, וכל באנר או עמוד שנבנה אחר כך משתמש באותם ערכים בדיוק.
למי זה מתאים
- בעלי עסקים שרוצים שכל מה ש-Claude כותב ומעצב יישמע וייראה כמו המותג שלהם
- סוכנויות ופרילנסרים שמנהלים כמה לקוחות וצריכים מסמך מותג מסודר לכל אחד
- בוני אתרים שרוצים שצבעי המותג יעברו אוטומטית למשתני CSS בפרויקט
- מי שמכין חומרים שיווקיים ורוצה רשימת בדיקה לפני שמאשרים אותם
מה הוא עושה
מסמך מותג כמקור אמת
הקובץ docs/brand-guidelines.md מחזיק צבעים, טיפוגרפיה, לוגו, קול ומסרים, והסקריפטים קוראים ממנו. יש תבנית מלאה להתחלה בתיקייה templates.
מסגרת לקול מותג
הבחנה בין קול (קבוע) לטון (משתנה לפי הקשר), ארבעה צירים להגדרת הקול, בחירה של 3 עד 5 תכונות אישיות ותבנית למדריך קול.
מסגרת מסרים
הצהרת משימה, חזון, הצעת ערך והצהרת מיצוב, מסר ראשי ו-3 עד 5 מסרים תומכים, מסרים לפי קהל, וארבע שאלות לבדיקת מסר: ברור, מבדל, אמין ומשכנע.
סנכרון צבעים לטוקנים
הסקריפט sync-brand-to-tokens.cjs מעדכן את assets/design-tokens.json ו-assets/design-tokens.css, ונעצר אם הוא מזהה בפרויקט מערכת טוקנים קיימת, כדי לא ליצור מערכת מקבילה.
הקשר מותג לפרומפטים
הסקריפט inject-brand-context.cjs שולף את עיקרי המותג מהמסמך, כטקסט או כ-JSON, כדי להוסיף אותם לבקשות של כתיבה ועיצוב.
בדיקת נכסים
הסקריפט validate-asset.cjs בודק שם קובץ לפי תבנית קבועה, מידות מינימום וגודל קובץ, ו-extract-colors.cjs מציג את פלטת המותג ומשווה אליה צבעים.
רשימות בדיקה
רשימת עקביות לפי ערוץ (אתר, רשתות, מייל, דפוס) ורשימת אישור לחומר שיווקי, כולל לוגו, צבע, טיפוגרפיה, נגישות ודרישות טכניות.
מה יש בפנים
references/voice-framework.mdקול מול טון, ארבעת צירי הקול, תהליך בניית קול ותבנית למדריך קול.references/messaging-framework.mdמשימה, חזון, הצעת ערך, מיצוב, מסר ראשי ומסרים תומכים, מסרים לפי קהל ובדיקת מסרים.references/visual-identity.md, color-palette-management.md, typography-specifications.md, logo-usage-rules.mdזהות חזותית: היררכיית צבעים ודרישות ניגודיות, סולם טיפוגרפי ומשקלים, וריאציות לוגו, שטח נקי, גודל מינימום ושימושים אסורים.references/consistency-checklist.md, approval-checklist.mdבדיקת עקביות לפי ערוץ ורשימת אישור מפורטת לחומר שיווקי לפני פרסום.references/asset-organization.mdמבנה תיקיות, תבנית לשמות קבצים, מטא-דאטה בקובץ manifest.json ותגיות לחיפוש.references/update.mdהפקודה update: איסוף צבעים ומצב רוח, עדכון מסמך המותג, סנכרון לטוקנים ובדיקה, כולל חמש פלטות מוכנות.scripts/ארבעה סקריפטים ב-Node.js: inject-brand-context, sync-brand-to-tokens, validate-asset ו-extract-colors.templates/brand-guidelines-starter.mdתבנית מלאה למסמך מותג חדש: צבעים, טיפוגרפיה, לוגו, קול, מסרים וסעיף להנחיות יצירת תמונות.דוגמאות שימוש
מה כותבים ל-Claude אחרי ההתקנה, ומה מקבלים.
מסמך מותג לעסק חדש
תשתמש בסקיל brand ותבנה מסמך מותג לחנות קוסמטיקה טבעית בנתניה, לפי התבנית brand-guidelines-starter. הקהל נשים בנות 25 עד 45, והטון חם וישיר. תכתוב את המסמך בעברית.מה מקבלים: קובץ docs/brand-guidelines.md לפי התבנית, עם צבעים וקודי HEX, טיפוגרפיה, כללי לוגו, תכונות אישיות של הקול ומסרים.
עדכון צבעים וסנכרון לאתר
תשתמש ב-brand update ותעדכן את צבעי המותג: ראשי #1F6F5C, משני #E8B04A ומבטא #D9534F, ואז תסנכרן לטוקנים.מה מקבלים: עדכון של מסמך המותג, הרצה של sync-brand-to-tokens.cjs ובדיקה עם inject-brand-context.cjs, וסיכום עם שם הנושא, הצבעים והקבצים שעודכנו.
מסגרת מסרים לקהלים שונים
תשתמש ב-brand ותכין מסגרת מסרים למשרד הנהלת חשבונות בפתח תקווה: מסר ראשי, ארבעה מסרים תומכים, ומסר נפרד לעצמאים ולחברות קטנות.מה מקבלים: הצעת ערך, הצהרת מיצוב, מסר ראשי ומסרים תומכים, וטבלה של קהל, כאב, מסר וקריאה לפעולה, עם בדיקה לפי ארבע שאלות המסר.
בדיקה לפני פרסום
תשתמש ב-brand ותבדוק את הבאנר המצורף ואת טקסט הפוסט מול מסמך המותג שלי, לפי רשימת האישור.מה מקבלים: מעבר על לוגו, צבעים, טיפוגרפיה, נגישות, קופי ודרישות טכניות לפי approval-checklist, ובדיקת שם, מידות וגודל של הקובץ עם validate-asset.cjs.
מה צריך לפני שמתחילים
- Claude Code, או סוכן אחר שקורא קבצי SKILL.md ויכול להריץ פקודות
- Node.js כדי להריץ את ארבעת הסקריפטים. בלעדיו אפשר להשתמש רק בקבצי הייחוס ובתבנית
- הסקיל design-system מאותו מאגר, שמותקן יחד עם brand באותה פקודה, כדי שהסנכרון יפיק גם את assets/design-tokens.css
- אופציונלי: ImageMagick לחילוץ צבעים מתמונה, כי extract-colors.cjs רק מדפיס את הפקודה המתאימה
- git להתקנה, בלי מפתח API ובלי עלות, רישיון MIT. ההוראות והתבניות באנגלית
אין עדיין Claude Code? במדריך הזה יש התקנה צעד אחרי צעד.
איך מתקינים את Brand.
יש 3 דרכים, ומספיקה אחת מהן. הראשונה הכי פשוטה.
הדרך הקלה: מדביקים בצ'אט של Claude Code
פותחים שיחה חדשה ב-Claude Code, מעתיקים את ההודעה ומדביקים. כש-Claude מבקש אישור להריץ, לוחצים Allow.
תתקין לי בבקשה את הסקיל brand, יחד עם הסקיל 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/brand" "$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/brand" "$D/repo/cli/assets/skills/design-system" ~/.claude/skills/ && rm -rf "$D" && echo "הותקן ✓"באפליקציה של Claude (דסקטופ או דפדפן)
בדף המאגר ב-GitHub לוחצים Code ואז Download ZIP, מחלצים, ודוחסים לקובץ ZIP חדש רק את התיקייה cli/assets/skills/brand. באפליקציית Claude נכנסים ל-Settings > Capabilities > Skills, לוחצים Upload ובוחרים את הקובץ.
מפעילים מחדש את Claude Code ומוודאים ש-node --version מחזיר גרסה. הפקודה מתקינה גם את הסקיל design-system מאותו מאגר, כי הסקריפט sync-brand-to-tokens.cjs מחפש בו את generate-tokens.cjs, ובלעדיו הוא מעדכן רק את קובץ ה-JSON ומדלג על ה-CSS עם אזהרה.
- מריצים ls ~/.claude/skills/brand ומוודאים שמופיעים SKILL.md והתיקיות references, scripts ו-templates
- מריצים node ~/.claude/skills/brand/scripts/inject-brand-context.cjs מתוך פרויקט שיש בו docs/brand-guidelines.md ומקבלים את הקשר המותג
- בשיחה חדשה מקלידים / ומחפשים brand
מריצים שוב את אותה פקודת התקנה, והיא מעתיקה את הגרסה העדכנית של שני הסקילים מעל הקיימת. בהסרה, מי שמשתמש ב-design-system גם בלי הסקיל הזה מוחק רק את התיקייה brand.
rm -rf ~/.claude/skills/brand ~/.claude/skills/design-system
איך משתמשים ביום יום
- מתחילים מבקשה לבנות מסמך מותג מהתבנית, כדי שיהיה קובץ docs/brand-guidelines.md בפרויקט
- כותבים את רוב המסמך בעברית, ומשאירים את טבלאות הצבעים בפורמט של התבנית, כי הסקריפטים מחפשים בהן קודי HEX
- לשינוי צבעים משתמשים ב-brand update, שמעדכן את המסמך ומסנכרן לטוקנים
- לפני כל משימת כתיבה או עיצוב מבקשים מ-Claude לקרוא את הקשר המותג, או מריצים inject-brand-context.cjs
- לפני פרסום מבקשים בדיקה לפי רשימת האישור
טיפים שימושיים
- אם בפרויקט כבר יש משתני CSS או ערכת צבעים של Tailwind, הסנכרון ייעצר בכוונה. בודקים מה הוא מצא, ומשתמשים באפשרות --force רק כשהקבצים שזוהו הם תוצר של סנכרון קודם
- שם הסקיל כללי, ולכן כדאי לבדוק עם ls ~/.claude/skills שאין לכם כבר סקיל בשם brand לפני ההתקנה
- את מסגרת הקול כדאי למלא עם דוגמאות אמיתיות של משפטים שהעסק כתב, ולא רק עם תכונות כלליות
- הפלטות המוכנות בפקודה update הן נקודת פתיחה. אם יש לכם צבעים, נותנים את קודי ה-HEX ישירות
- כדי שהקופי בעברית יישמע טבעי, משלבים את brand עם hebrew-content-writer
תקלות נפוצות
הסנכרון לא יצר את design-tokens.css
הסנכרון נעצר עם הודעה על מקור טוקנים קיים
extract-colors.cjs לא מחלץ צבעים מתמונה
node: command not found
שאלות ותשובות
זה עולה כסף?
זה עובד בעברית?
צריך לדעת לתכנת?
התקנתי כבר את UI UX Pro Max, צריך להתקין גם את זה?
מה ההבדל בינו לבין voice-builder?
קרדיט ומקור. Brand נכתב על ידי nextlevelbuilder ונמצא ב-nextlevelbuilder/ui-ux-pro-max-skill ברישיון MIT. את העמוד כתב קורן בן עזרא אחרי בדיקה של המאגר ושל פקודות ההתקנה (08.10.2026). מאגרים מתעדכנים, ולכן אם משהו השתנה, המאגר הוא המקור הקובע.
skills-il