Impeccable design skill: שבעה כיווני עיצוב לאתר, לפני שהוא נבנה

למה כל אתר שקלוד קוד בונה נראה אותו דבר?

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

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

מה השתנה ב-Impeccable 4?

הגרסה יצאה ב-22 ביולי 2026, והשינוי המרכזי נקרא בהערות "Direction by dice, not by taste", כיוון לפי קובייה ולא לפי טעם. ככה זה עובד:

• כיוון מוביל אחד. המודל גוזר כמה כיוונים מהמוצר שלכם, וגורם חיצוני קובע איזה מהם הוא חייב לקחת ברצינות.
• שישה עולמות מאתגרים לידו. עולמות עיצוב שאנשים בחרו ודירגו ידנית. בהערות של 4.0.0 מדובר על 188 עולמות שנבדקו. ה-API הציבורי של האתר מחזיר היום 306 עולמות מאושרים, נכון ל-31 באוקטובר 2026, כך שהמאגר גדל.
• עמוד החלטה בדפדפן. בעבודה אינטראקטיבית נפתח עמוד עם הכיוון המוביל, העולמות לצידו, כפתור הגרלה מחדש ושורה אחת לכוון במילים.
• כל הגרלה מקבלת מפתח. אפשר לשחזר אותה בדיוק, והגרלה מחדש מנקה את השולחן במקום לנסח מחדש את מה שדחיתם.

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

איך מתקינים את Impeccable בקלוד קוד?

הריפו pbakaus/impeccable פתוח ברישיון Apache-2.0, ויש לו כ-97 אלף כוכבים בגיטהאב נכון לאוקטובר 2026. יש שתי דרכים:

דרך 1: המתקין (מומלץ)

מריצים את זה בטרמינל מתוך תיקיית הפרויקט, וצריך שיהיה לכם Node.js בשביל npx (אם אין, תבקשו מקלוד קוד שיתקין אותו).

npx impeccable install

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

דרך 2: כפלאגין בתוך קלוד קוד

/plugin marketplace add pbakaus/impeccable

ואז פותחים /plugin ומתקינים את Impeccable.

פעם אחת בכל פרויקט

/impeccable init

הוא קורא את הקוד, שואל רק מה שהוא לא יכול להסיק (למי המוצר, מה הוא צריך לעשות, מגבלות), וכותב קובץ PRODUCT.md שכל פקודה אחרת קוראת.

כבר יש לכם Impeccable מגרסה 3? npx impeccable update מעדכן. נכון לסוף אוקטובר 2026 הגרסה האחרונה היא 4.8.0, והסקיל עצמו מתריע פעם אחת אם קבצי הפרויקט נכתבו לפני גרסה 4.

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

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

/impeccable תבנה דף נחיתה לסטודיו לקרמיקה בתל אביב.
הקהל: אנשים בני 30 עד 50 שמחפשים תחביב לערב.
המטרה: שירשמו לשיעור ניסיון.
תראה לי את הכיוונים בדפדפן לפני שאתה בונה.

מה שקורה אחרי זה:

1. נפתח עמוד החלטה בדפדפן, עם הכיוון המוביל וששת העולמות לצידו, כל אחד עם כרטיס שמסביר את הרעיון שלו.
2. בוחרים בעיניים. אפשר לכתוב שורה אחת לכוון, למשל "יותר חם, פחות טכני".
3. לא אהבתם אף אחד? לוחצים על הגרלה מחדש ומקבלים סבב חדש.
4. קלוד מצייר לוח עיצוב ומוקאפ, כותב לעצמו חוזה קצר של חמישה חלקים (תזה, עולם, סיפור, מסך ראשון וצורה), ובונה.
5. בסוף הבנייה יש בדיקה מול החוזה, הבטחה אחרי הבטחה.

ואחרי שבחרתם, ממשיכים לשפר

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

/impeccable critique the pricing cards
/impeccable bolder the hero section
/impeccable polish the signup form

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

רוצים לראות את העולמות לפני שמתקינים? באתר impeccable.style יש סקשן שמגריל שישה עולמות בכל לחיצה, מאותו מאגר.

איך משנים חלק באתר בלחיצה, בלי טרמינל?

אחרי שהאתר קיים, יש את Live Mode. כותבים לקלוד קוד:

/impeccable live

לפי ה-README, הוא פותח את שרת הפיתוח שלכם עם שכבה מעל. לוחצים על אלמנט, בוחרים כיוון כמו Bolder או Quieter, ו-Impeccable מחליף וריאציות במקום. אהבתם אחת? Accept, והיא נכתבת חזרה לקוד. זה עובד עם Vite, Next, SvelteKit, Astro, Nuxt ו-HTML רגיל.

חשוב לדעת

• חינמי, רץ על המנוי שלכם. הסקיל בקוד פתוח. העבודה עצמה נעשית על ידי קלוד קוד וצורכת מהמכסה שלכם.
• עמוד ההחלטה רק בעבודה אינטראקטיבית. בהרצה אוטומטית בלי אדם מול המסך, אין מי שיבחר.
• המוקאפ לפני הבנייה. אם הכלי שלכם לא מייצר תמונות לבד, ההערות אומרות שאפשר להגדיר מפתח OpenAI, והסקיל יגיד לכם לפני התמונה הראשונה שזה על החשבון שלכם.
• Live Mode רק לווב ורק מקומית. לא באפליקציות נייטיב, ולא על אתר שכבר באוויר. ה-README מבקש לא להזריק אותו לאתר חי.
• עברית ו-RTL. העולמות נבנו בעיקר סביב טיפוגרפיה לטינית. תבדקו פונט עברי וכיוון מימין לשמאל בכל כיוון שבחרתם.
• המספרים זזים. 188 עולמות זה מה שכתוב בהערות של 4.0.0. המאגר גדל מאז, ומספר הכוכבים משתנה כל יום.