קורן בן עזרא
nextlevelbuilderמה זה UI UX Pro Max?
UI UX Pro Max הוא סקיל שמחזיק מסד נתונים מקומי של סגנונות ממשק, פלטות צבע, צמדי גופנים וכללי UX. לצידו יש מנוע חיפוש שבוחר מתוכם מערכת עיצוב שמתאימה לסוג המוצר. במקום ש-Claude ימציא צבעים, הוא מריץ חיפוש ומקבל המלצה מנומקת, כולל רשימה של דברים שכדאי להימנע מהם.
כשמבקשים מ-Claude לבנות אתר לספא, הוא לא יודע מראש שבתחום הזה עובדים גוונים רכים, גופן סריף מעודן ותחושת שקט, ושניאון או גרדיאנט סגול יפגעו באמון. UI UX Pro Max ממלא את הפער הזה. הוא כולל 192 סוגי מוצרים ותעשיות, ולכל אחד מהם כללים של תבנית עמוד, סגנון, צבעים, טיפוגרפיה, אפקטים ודפוסים שאסור להשתמש בהם.
הלב של הסקיל הוא סקריפט Python בשם search.py שמחפש במסד של קבצי CSV. לפי ה-README יש בו 79 סגנונות שאפשר לחפש (50 מהם פעילים), 192 פלטות צבע, 74 צמדי גופנים, 119 כללי UX, 25 סוגי גרפים ו-34 תבניות של דפי נחיתה. ההנחיות מכסות 22 טכנולוגיות, מ-HTML עם Tailwind ועד React, Next.js, Flutter ו-SwiftUI, והחיפוש עם הדגל --design-system מחזיר מערכת עיצוב שלמה ורשימת בדיקות לפני מסירה.
מעבר לסקיל הראשי, הפלאגין והמתקין הרשמי מוסיפים עוד שישה סקילים: design, brand, design-system, banner-design, slides ו-ui-styling. הם עוסקים במיתוג, בטוקנים, בבאנרים ובמצגות. חלק מהם, כמו יצירת לוגו ואייקונים בסקיל design, דורשים מפתח API של Gemini או של ספק אחר, ולכן עשויים לעלות כסף.
למי זה מתאים
- בעלי עסקים שבונים אתר או דף נחיתה ולא בטוחים איזה סגנון וצבעים מתאימים לתחום שלהם
- סוכנויות שרוצות נקודת פתיחה מנומקת לפי תעשייה, כדי להציג ללקוח כיוון עם הסבר
- מפתחים שעובדים בטכנולוגיה מסוימת, כמו React, Vue, Flutter או SwiftUI, ורוצים הנחיות ספציפיות אליה
- מי שבונה דשבורד ומתלבט איזה גרף מתאים לאיזה נתון
מה הוא עושה
מחולל מערכת עיצוב
חיפוש אחד מחזיר תבנית עמוד, סגנון, צבעים עם קודי HEX, צמד גופנים עם קישור ל-Google Fonts, אפקטים מומלצים, דפוסים להימנע מהם ורשימת בדיקות. ב-README מופיעה דוגמה לספא בשם Serenity Spa.
192 כללי תעשייה
כללים ייעודיים לתחומים כמו SaaS, פינטק ובנקאות, מרפאות ורפואת שיניים, איקומרס, מסעדות, מלונות, משרדי עורכי דין, סוכנויות, פורטפוליו ואפליקציות לייף סטייל.
חיפוש לפי תחום
אפשר לחפש רק סגנונות, רק טיפוגרפיה, רק גרפים, רק כללי UX או רק אייקונים, עם הדגל --domain. זה שימושי כשצריך תשובה ממוקדת ולא מערכת שלמה.
הנחיות לפי טכנולוגיה
הדגל --stack מחזיר הנחיות ל-React, Next.js, Vue, Svelte, Laravel, Flutter, SwiftUI ועוד. בלי ציון טכנולוגיה, ברירת המחדל היא HTML עם Tailwind.
שמירת מערכת העיצוב לפרויקט
הדגל --persist יוצר קובץ MASTER.md שהוא מקור האמת לצבעים, טיפוגרפיה ומרווחים, ואפשר להוסיף קבצים לעמודים ספציפיים שגוברים עליו רק במה שצריך.
רשימת בדיקות לפני מסירה
בלי אימוג'י כאייקונים, סמן יד על כל אלמנט לחיץ, ניגודיות טקסט של לפחות 4.5:1, פוקוס גלוי במקלדת, כיבוד של prefers-reduced-motion ובדיקה ברוחבים 375, 768, 1024 ו-1440.
רץ מקומית
לפי ה-README סקריפט החיפוש משתמש רק בספרייה הסטנדרטית של Python, לא מתקין כלום ולא ניגש לרשת.
מה יש בפנים
ui-ux-pro-maxהסקיל הראשי: מסד הנתונים, מנוע החיפוש ומחולל מערכת העיצוב.designסקיל עיצוב רחב: זהות מותג, טוקנים, לוגו, אייקונים, באנרים ומצגות HTML. יצירת לוגו ואייקונים דורשת מפתח API של Gemini, Atlas Cloud או MuAPI.design-systemארכיטקטורת טוקנים בשלוש שכבות, משתני CSS, סולמות מרווחים וטיפוגרפיה ומפרטי קומפוננטות.brandקול מותג, זהות חזותית, מסגרות מסרים ושמירה על עקביות מיתוגית בחומרים שיווקיים.banner-designבאנרים לרשתות חברתיות, מודעות, hero של אתר ודפוס, עם כמה כיווני ארט לבחירה.slidesמצגות HTML אסטרטגיות עם Chart.js, טוקנים עיצוביים ונוסחאות קופי.ui-stylingממשקים עם קומפוננטות shadcn/ui ו-Tailwind CSS, כולל מצב כהה ועיצוב נגיש.דוגמאות שימוש
מה כותבים ל-Claude אחרי ההתקנה, ומה מקבלים.
מערכת עיצוב למספרה
תשתמש ב-ui-ux-pro-max ותייצר מערכת עיצוב לאתר של מספרת בוטיק ברמת גן, ואז תבנה את דף הבית ב-HTML ו-Tailwind, בעברית ומימין לשמאל.מה מקבלים: המלצה מנומקת לתבנית עמוד, סגנון, פלטה וצמד גופנים, רשימה של דברים להימנע מהם, ודף בית שנבנה לפיה.
שמירה לכל עמודי החנות
תייצר מערכת עיצוב לחנות Shopify של תכשיטים בשם Luna ותשמור אותה עם --persist, כדי שכל העמודים הבאים ייבנו לפיה.מה מקבלים: תיקייה design-system/luna עם קובץ MASTER.md שמשמש מקור אמת, ואפשרות להוסיף קובץ נפרד לעמוד מוצר או לעמוד תשלום.
בחירת גרפים לדשבורד
אני בונה דשבורד לקליניקה: מספר תורים לפי חודש, אחוז ביטולים ומקורות הגעה של מטופלים. תשתמש ב-ui-ux-pro-max ותמליץ על סוג גרף לכל נתון.מה מקבלים: המלצה מתוך 25 סוגי הגרפים במסד, עם הסבר למה כל גרף מתאים לנתון שלו.
ביקורת UX לדף קיים
תעבור על checkout.html לפי כללי ה-UX של ui-ux-pro-max ותגיד מה לתקן: ניגודיות, פוקוס, טפסים והודעות שגיאה.מה מקבלים: רשימת ממצאים לפי הכללים במסד, עם הצעות תיקון בקוד.
השוואת כיוונים לסטארטאפ
תריץ חיפוש של ui-ux-pro-max ל-fintech banking עם --design-system בפורמט markdown, ואחר כך חיפוש נוסף ל-AI chatbot platform, ותשווה בין שתי ההמלצות.מה מקבלים: שתי מערכות עיצוב זו לצד זו, שעוזרות להחליט איזה מיצוב מתאים למוצר.
מה צריך לפני שמתחילים
- Claude Code, או אחד הכלים הנתמכים האחרים כמו Cursor, Windsurf או Codex
- Python 3 לסקריפט החיפוש. לפי ה-README הוא משתמש רק בספרייה הסטנדרטית
- Node.js ו-npm אם מתקינים עם ה-CLI הרשמי (החבילה ui-ux-pro-max-cli)
- מפתח API של Gemini, Atlas Cloud או MuAPI רק אם משתמשים ביצירת לוגו או אייקונים בסקיל design, וזה עשוי לעלות כסף
- הנתונים וההנחיות באנגלית
אין עדיין Claude Code? במדריך הזה יש התקנה צעד אחרי צעד.
איך מתקינים את UI UX Pro Max.
יש 3 דרכים, ומספיקה אחת מהן. הראשונה הכי פשוטה.
הדרך הקלה: מדביקים בצ'אט של Claude Code
פותחים שיחה חדשה ב-Claude Code, מעתיקים את ההודעה ומדביקים. כש-Claude מבקש אישור להריץ, לוחצים Allow.
תתקין לי את UI UX Pro Max בהתקנה גלובלית ל-Claude Code דרך ה-CLI הרשמי. תריץ את הפקודה הזו: npm install -g ui-ux-pro-max-cli && uipro init --ai claude --global && echo "הותקן ✓" אם npm או python3 לא מותקנים אצלי, תעצור ותגיד לי מה צריך להתקין.
דרך הפלאגינים של Claude Code
מקלידים בצ'אט של Claude Code את שתי הפקודות, אחת אחרי השנייה. את שתי הפקודות מקלידים בעצמכם בחלון של Claude Code. השמות מאומתים מול .claude-plugin/marketplace.json: שם המרקטפלייס ui-ux-pro-max-skill ושם הפלאגין ui-ux-pro-max. הפלאגין טוען את כל שבעת הסקילים מהתיקייה .claude/skills במאגר. בוחרים דרך אחת, פלאגין או CLI, ולא את שתיהן.
/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill
/plugin install ui-ux-pro-max@ui-ux-pro-max-skill
בטרמינל, ידנית
למי שמעדיף להריץ בעצמו. מעתיקים לטרמינל ומריצים.
npm install -g ui-ux-pro-max-cli uipro init --ai claude --global
צריך להפעיל מחדש את Claude Code. כדאי לוודא ש-python3 --version מחזיר גרסה 3, כי הסקיל מריץ את סקריפט החיפוש דרך Python. מפתח API נדרש רק ליצירת לוגו ואייקונים בסקיל design.
- מריצים ls ~/.claude/skills ומוודאים שיש ui-ux-pro-max, design, brand, design-system, banner-design, slides ו-ui-styling
- מריצים python3 ~/.claude/skills/ui-ux-pro-max/scripts/search.py "beauty spa" --design-system ומקבלים מערכת עיצוב בטרמינל
- בשיחה חדשה מקלידים / ומחפשים ui-ux-pro-max, או שואלים את Claude אילו סקילים של עיצוב יש לו
מריצים npm install -g ui-ux-pro-max-cli@latest ואחר כך uipro update --global. בהתקנה כפלאגין מריצים /plugin marketplace update ui-ux-pro-max-skill.
uipro uninstall --ai claude --global
בהתקנה כפלאגין:
/plugin uninstall ui-ux-pro-max@ui-ux-pro-max-skillאיך משתמשים ביום יום
- הסקיל נכנס לפעולה לבד כשמבקשים עבודת UI: לבנות, לעצב, לבקר או לתקן ממשק. אפשר גם לכתוב את השם שלו במפורש
- מציינים בבקשה את סוג העסק ואת התעשייה, כי לפיהם נבחרים כללי ההתאמה
- מציינים טכנולוגיה אם יש, למשל React או Flutter. בלי ציון, ברירת המחדל היא HTML עם Tailwind
- בפרויקט של כמה עמודים מבקשים לשמור את מערכת העיצוב עם --persist, ובכל עמוד חדש מבקשים מ-Claude לקרוא קודם את MASTER.md
טיפים שימושיים
- המאגר הוא הגרסה החינמית עם מנוע ההמלצות המלא. לפי ה-README יש גם גרסת פרימיום באתר uupm.cc, עם יכולות מיתוג ויצירת נכסים מורחבות
- שמות הסקילים הנלווים כלליים (design, brand, slides). אם כבר יש לכם סקילים בשמות האלה, כדאי לבדוק קודם עם ls ~/.claude/skills, ולזכור שהסרה עם uipro uninstall מוחקת תיקיות בשמות האלה
- אפשר לכוון את אופי ההמלצה עם הדגלים variance, motion ו-density בסולם 1 עד 10, בדומה לחוגות של taste-skill
- המלצה היא נקודת פתיחה. אם יש לכם מיתוג, תבקשו מ-Claude לשמור על הצבעים שלכם ולקחת מההמלצה רק תבנית, טיפוגרפיה ורשימת בדיקות
- לאתר בעברית מוסיפים לבקשה RTL וגופן עברי, כי ההמלצות עצמן לא עוסקות בכיווניות
תקלות נפוצות
Claude מנסה להריץ search.py ומקבל שהקובץ לא נמצא
python לא נמצא
הפקודה uipro לא מוכרת
ההתקנה כתבה שהיא דילגה על קובץ קיים
שאלות ותשובות
זה בחינם?
מה ההבדל בין הגרסה החינמית לפרימיום?
הסקיל ניגש לאינטרנט?
במה זה שונה מ-taste-skill?
אפשר להשתמש בו באפליקציית Claude?
כמה פופולרי הפרויקט?
קרדיט ומקור. UI UX Pro Max נכתב על ידי nextlevelbuilder ונמצא ב-nextlevelbuilder/ui-ux-pro-max-skill ברישיון MIT. את העמוד כתב קורן בן עזרא אחרי בדיקה של המאגר ושל פקודות ההתקנה (29.09.2026). מאגרים מתעדכנים, ולכן אם משהו השתנה, המאגר הוא המקור הקובע.
leonxlnx
bergside
MohtashamMurshid