השראה לעיצוב אתרים שקלוד יודע לבנות ממנה

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

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

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

נכון לנובמבר 2026 יש בגלריה יותר מ-20,000 עיצובים, מתוכם 13,570 של אתרים והשאר של אפליקציות לנייד. לפי העמוד שלה, היא "חינם לתמיד, לסוכנים ולבני אדם", ואפשר לגלוש בה ולהעתיק פרומפטים בלי להירשם.

מה מוצאים ב-Kombai Gallery?

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

• דפי נחיתה (Landing Pages): 140 דפים שלמים.
• סקשן פתיחה (Hero): 370 עיצובים של החלק הראשון שרואים באתר.
• דשבורדים: 383, למי שבונה מערכת פנימית או אזור אישי ללקוחות.
• טפסים ושאלות נפוצות: 198 טפסים ו-199 עיצובים של FAQ.
• חלקי עמוד: תפריטים, פוטרים, מחירונים, כרטיסים, המלצות ועוד.

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

איך הופכים מסך מהגלריה לאתר שלכם?

1. נכנסים ל-kombai.com/gallery/web ובוחרים קטגוריה, למשל Landing Pages או Hero.
2. פותחים עיצוב שאוהבים. בצד ימין יש תיאור של הסגנון, המבנה והרכיבים, וכפתור Live preview לגרסה חיה.
3. לוחצים Use in other agents. הפרומפט המלא מועתק ללוח.
4. מדביקים בקלוד קוד, ומוסיפים שורה על העסק שלכם ועל מה שהעמוד צריך לעשות.

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

העתקהUse this design reference from Kombai's gallery to guide what you build for me.

Name: Halcyon Voice
Type: Hero section
Page: https://kombai.com/gallery/inspirations/hero-web-1/
Description: ... Style: photographic full-bleed, dusk mountain landscape in mauve-pink and deep teal, white serif display type. Layout: centered stack of pill badge, headline, subline and CTA over the photo, logo strip below.

Instructions: Open the page URL to see the full design: live preview, palette, typography, and spec. Recreate its look and feel in my project: match the layout, color system, and type scale, adapting structure and content to my stack. If it's unclear where to apply it, ask me first.

מה מוסיפים לפרומפט כדי שהאתר ייראה כמו של מותג?

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

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

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

רוצים להשתמש בשיטה הזאת גם על אתר שראיתם ברשת ולא בגלריה? יש לי מדריך לשכפול סקשן מכל אתר. ואם אתם מעדיפים להתחיל מסקיצה ולא ממסך מוכן, תסתכלו על המדריך ל-Google Stitch.

איזה עיצוב לבחור מהגלריה לפי סוג העסק?

עם יותר מ-20,000 אפשרויות, הסכנה היא לגלול שעה ולא לבחור כלום. כמה כיווני התחלה שחוסכים זמן:

• נותני שירות (קליניקה, עורך דין, יועץ): מתחילים ב-Hero עם הרבה אוויר ותמונה אחת גדולה, ומוסיפים סקשן FAQ ומחירון פשוט. מחפשים עיצובים שקטים, עם מעט צבעים, שמשדרים אמון.
• מוצר דיגיטלי או קורס: דף נחיתה שלם מקטגוריית Landing Pages, עם סקשן של מה מקבלים, המלצות ומחירים. כדאי לבחור עיצוב שבו כפתור הפעולה חוזר כמה פעמים לאורך העמוד.
• חנות: עמודי מוצר ועמודי תשלום (Checkout) מהגלריה, כדי שהקנייה תרגיש מוכרת ובטוחה.
• מערכת פנימית או אזור לקוחות: קטגוריית הדשבורדים, עם 383 עיצובים של טבלאות, גרפים ותפריטי צד.

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

במה Kombai Gallery שונה מ-DESIGN.md ומ-21st.dev?

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

• Kombai Gallery: מסך שלם ואמיתי כיעד ויזואלי. מתאים כשאתם יודעים איך העמוד צריך להיראות, ורוצים שקלוד יכוון לשם.
• DESIGN.md: קובץ עם כללי העיצוב של מותג, צבעים, פונטים ורווחים. מתאים כשרוצים שכל האתר ידבר בשפה של מותג מסוים. כתבתי עליו במדריך ל-DESIGN.md.
• 21st.dev: רכיבים מוכנים בקוד, כפתורים, כרטיסים ואנימציות. מתאים כשחסר לכם רכיב ספציפי. הכל במדריך ל-21st.dev.

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

מה חשוב לדעת לפני שמשתמשים בעיצובים מהגלריה?

• השראה, לא העתקה אחד לאחד: הגלריה מגדירה את העיצובים כנקודת התחלה והשראה. תשנו טקסטים, תמונות ולוגואים, ואל תשתמשו בשם או במותג של מישהו אחר.
• התמונות לא שלכם: התמונה בעיצוב היא חלק מהדוגמה. תבקשו מקלוד מקום לתמונות שלכם, או תשתמשו בתמונות עם רישיון.
• עברית: הרוב באנגלית ומשמאל לימין. תבקשו RTL ופונט עברי במפורש, ותבדקו בטלפון.
• Remix in Kombai: הכפתור הירוק פותח את המוצר של Kombai עצמו, שהוא כלי נפרד. בשביל קלוד קוד מספיק Use in other agents.
• חסרה קטגוריה? לפי העמוד שלהם, אפשר לכתוב ל-support@kombai.com והם מוסיפים דוגמאות תוך 48 עד 72 שעות.