UI UX Pro Max: עיצוב אתר שמתאים לתחום של העסק שלכם

מה זה UI UX Pro Max?

כשמבקשים מקלוד "תבנה לי דף נחיתה", הוא בוחר עיצוב לבד, ובלי הכוונה התוצאה נוטה להיראות כמו עוד אתר AI: גרדיאנט סגול, כרטיסים זהים, אותו פונט. UI UX Pro Max נותן לקלוד משהו לבחור ממנו.

זה סקיל קוד פתוח ברישיון MIT, ונכון ל-30 באוקטובר 2026 יש לו 142,974 כוכבים בגיטהאב, בגרסה 2.15.0. בתוכו יש מאגר נתונים וסקריפט חיפוש: לפי ה-README יש 192 פלטות צבעים, אחת לכל אחד מ-192 סוגי מוצרים ועסקים, 74 זוגות פונטים, 79 סגנונות עיצוב שמתוכם 50 פעילים, 34 מבנים של דפי נחיתה ו-119 כללים של חוויית משתמש ונגישות.

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

מה קורה כשנותנים לו שני עסקים שונים?

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

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

איך מתקינים את UI UX Pro Max?

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

/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill
/plugin install ui-ux-pro-max@ui-ux-pro-max-skill

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

npm install -g ui-ux-pro-max-cli
uipro init --ai claude --global

הסקיל צריך Python 3 במחשב, בשביל סקריפט החיפוש. לפי ה-README הסקריפטים לא מתקינים כלום ולא יוצאים לרשת. אם אין לכם Python, תבקשו מקלוד קוד להסביר לכם איך להתקין, אבל הסקיל עצמו מורה לקלוד לא להתקין תוכנות בלי לשאול אתכם.

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

איך מבקשים ממנו אתר בעברית?

פה יש נקודה שה-README לא מדגיש: הנתונים של הסקיל בנויים לאתרים באנגלית. הפונטים שהוא בחר לספא, Lora ו-Raleway, לא תומכים בכלל באותיות עבריות. אם לא תגידו לו, הדפדפן יחליף אותם בפונט ברירת מחדל, וכל העבודה על האווירה הולכת לאיבוד. אז באתר בעברית, תבקשו במפורש פונטים עבריים ו-RTL:

תבנה לי דף נחיתה בעברית לסטודיו לפילאטיס בתל אביב, בעזרת הסקיל ui-ux-pro-max.
לפני שאתה כותב קוד:
1. תריץ את מחולל מערכת העיצוב של הסקיל על "pilates studio wellness" ותראה לי מה הוא בחר: סגנון, צבעים, פונטים ומה להימנע ממנו.
2. האתר בעברית ומימין לשמאל (dir="rtl"). אם הפונטים שהוא בחר לא תומכים בעברית, תחליף אותם בפונטים מ-Google Fonts שתומכים בעברית ומתאימים לאותה אווירה, ותגיד לי מה בחרת.
3. תשמור את מערכת העיצוב בקובץ, כדי שכל עמוד הבא ייראה אותו דבר.
אחרי שאני מאשר, תבנה את הדף ותעבור על הצ'קליסט של הסקיל לפני שאתה מסיים.

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

ויש לכם כבר אתר? אפשר להשתמש בו גם כבודק:

יש לי אתר קיים. תשתמש בסקיל ui-ux-pro-max כדי לבדוק אותו: תריץ את מחולל מערכת העיצוב על סוג העסק שלי, תשווה לצבעים, לפונטים ולמבנה שיש לי עכשיו, ותן לי רשימה של עד עשרה שינויים, מהחשוב לפחות חשוב. עוד לא לשנות קוד.

איך שומרים על אותו עיצוב בכל עמוד חדש?

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

python3 .claude/skills/ui-ux-pro-max/scripts/search.py "day spa wellness" --design-system --persist -p "My Spa"

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

מתי הוא, ומתי סקיל עיצוב אחר?

יש באתר כמה מדריכים על עיצוב עם קלוד, וכל אחד פותר בעיה קצת אחרת:

• UI UX Pro Max: כשאתם לא יודעים איזה עיצוב מתאים לתחום שלכם, ורוצים שקלוד יבחר מתוך נתונים.
• Taste Skill: כשהבעיה היא שהאתר נראה "כמו AI", וצריך טעם ולא רק התאמה לתחום.
• DESIGN.md: כשאתם רוצים את השפה העיצובית של מותג מוכר.
• Claude Design: כשאתם רוצים לעצב בממשק ויזואלי של אנתרופיק ולא בקוד.

אפשר גם לשלב: מערכת עיצוב מ-UI UX Pro Max, ואחר כך מעבר של סקיל אחר על התוצאה.

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

• עברית ו-RTL לא מובנים בו. הפונטים והדוגמאות לאנגלית. בקשו פונטים עבריים ו-dir="rtl" במפורש, כמו בפרומפט למעלה.
• הוא מכוון, לא מעצב במקומכם. הוא נותן לקלוד החלטות עיצוב טובות יותר, אבל עדיין צריך להסתכל על התוצאה ולתקן.
• יש גרסה בתשלום. המדריך הזה על הגרסה החינמית שבגיטהאב. באתר uupm.cc מוכרים גרסת Premium עם מיתוג, לוגואים ותמונות. לבנות אתר טוב לא צריך אותה.
• המספרים משתנים בין גרסאות. באתר של הכלי מופיעים מספרים ישנים יותר מאלה שב-README. המספרים פה מה-README בגרסה 2.15.0.
• נגישות היא נקודת פתיחה. הצ'קליסט שלו בודק ניגודיות, פוקוס במקלדת ותנועה מופחתת, אבל אתר עסקי בישראל צריך לעמוד בתקן נגישות, ובשביל זה צריך בדיקה מלאה.