10 תבניות פרומפט מוכנות ל-Lovable
כל תבנית היא פרומפט פתיחה שלם. החליפו את מה שבסוגריים המרובעים בפרטים שלכם, הדביקו ב-Lovable, וקבלו בסיס עובד. בסוף העמוד — פרומפטים להמשך: RTL, אבטחה, SEO וביצועים.
התכנים מנוסחים בלשון זכר מטעמי נוחות בלבד, ומיועדים לכל המינים כאחד.
איך משתמשים
- 1העתיקו את התבנית והחליפו כל [סוגר מרובע] בפרטים האמיתיים שלכם.
- 2הפעילו Plan Mode לפני השליחה — קריאת התוכנית חוסכת קרדיטים.
- 3שלחו כפרומפט ראשון בפרויקט חדש. אחר כך עברו לבקשה אחת בכל הודעה.
- 4אל תמחקו את שורות ה-RTL והריספונסיביות — הן החלק שחוסך הכי הרבה תיקונים.
1קליניקה / מטפל עצמאי
פיזיותרפיה, פסיכולוגיה, רפואה משלימה, קוסמטיקה
אני בונה אתר תדמית ל[סוג הקליניקה] בשם "[שם]" ב[עיר]. קהל היעד: [גילאים], רובם נכנסים מהנייד. המטרה היחידה של האתר: שהמבקר ישאיר טלפון או יתקשר. עמודים: - בית: כותרת ראשית, תמונת רקע, שלוש נקודות יתרון, המלצות, טופס יצירת קשר - אודות: הסיפור שלי, תמונה, הסמכות - טיפולים: [מספר] כרטיסי טיפול עם תיאור קצר ומחיר - צור קשר: טופס (שם, טלפון, סוג טיפול), כתובת, מפה, שעות פעילות עיצוב: נקי ומרגיע. צבע ראשי [HEX], משני [HEX], טקסט #1A1A1A. פונט עברי מודרני, הרבה מרווח לבן, פינות מעוגלות. חשוב: - כל האתר בעברית עם dir="rtl" ו-lang="he" על אלמנט ה-html - להגדיר את הצבעים כ-CSS variables / design tokens - logical properties בלבד (ms/me, ps/pe, start/end) - ריספונסיבי מלא, מובייל קודם - כפתור "התקשרו עכשיו" דביק בתחתית המסך בנייד - בשלב הזה בלי אזור אישי ובלי תשלומים
2מסעדה / בית קפה
מסעדה, בר, בית קפה, קייטרינג
אני בונה אתר ל[סוג העסק] "[שם]" ב[עיר]. המטרה: שהמבקר יזמין שולחן או יראה את התפריט. עמודים: - בית: תמונת מנה גדולה במסך מלא, כותרת, שעות פתיחה, כפתור "הזמנת שולחן" - תפריט: קטגוריות (ראשונות, עיקריות, קינוחים, שתייה) עם שם, תיאור ומחיר לכל פריט - אודות: סיפור המקום, תמונות של החלל והצוות - צור קשר: כתובת, מפה, טלפון, שעות, קישור לוויז עיצוב: חמים ומזמין. צבע ראשי [HEX], רקע [HEX]. תמונות גדולות, טיפוגרפיה עם אופי, אווירה [כפרית / אורבנית / יוקרתית]. חשוב: - עברית מלאה עם dir="rtl", logical properties בלבד - התפריט צריך להיות קל לעריכה — לשמור אותו כקובץ נתונים אחד - ריספונסיבי, מובייל קודם (רוב המבקרים בנייד, מחוץ לבית) - כפתורי "התקשרו" ו-"ניווט" דביקים בנייד - בלי הזמנות אונליין בשלב הזה
3פורטפוליו / יוצר
צלם, מעצב, אמן, אדריכל, קופירייטר
אני בונה אתר פורטפוליו ל[תחום] בשם [שם]. המטרה: שלקוח פוטנציאלי יראה את העבודות ויפנה אליי. עמודים: - בית: שם גדול, משפט אחד שמסביר מה אני עושה, גריד של [מספר] עבודות נבחרות - עבודות: גריד מסונן לפי קטגוריה, לחיצה פותחת תצוגת פרויקט עם תמונות וטקסט - אודות: תמונה שלי, ביוגרפיה קצרה, לקוחות ופרסים - צור קשר: טופס קצר (שם, אימייל, תקציב משוער, תיאור) + קישורים לרשתות עיצוב: מינימליסטי ושקט — התמונות הן הגיבור. רקע [לבן / שחור], טקסט [HEX], צבע הדגשה אחד בלבד [HEX]. הרבה מרווח, בלי צללים מיותרים, אנימציית fade עדינה בגלילה. חשוב: - עברית עם dir="rtl" ו-logical properties - תמונות ב-lazy loading עם טקסט alt תיאורי - גריד ריספונסיבי: 3 עמודות בדסקטופ, 2 בטאבלט, 1 בנייד - meta tags ותמונת OG לשיתוף בכל עמוד פרויקט
4דף נחיתה לקמפיין
השקת מוצר, וובינר, הרשמה לרשימת תפוצה
אני בונה דף נחיתה יחיד ל[מה שמקדמים]. המטרה היחידה: [השארת פרטים / הרשמה / רכישה]. אין תפריט ואין קישורים החוצה. מבנה הדף מלמעלה למטה: 1. כותרת שמבטיחה תוצאה + תת-כותרת + כפתור CTA ראשי 2. שלוש נקודות כאב שהקהל מזהה 3. הפתרון — מה מקבלים, בשלוש-ארבע נקודות עם אייקונים 4. הוכחה חברתית: [מספר] המלצות עם שם ותמונה 5. שאלות נפוצות — [מספר] שאלות באקורדיון 6. CTA אחרון גדול עם טופס ([שדות]) עיצוב: אנרגטי וממוקד. צבע ראשי [HEX] לכפתורים בלבד. כותרות גדולות מאוד, פסקאות קצרות, הרבה ניגודיות. חשוב: - עברית עם dir="rtl", logical properties - כפתור CTA דביק בתחתית המסך בנייד - הטופס נשמר בבסיס הנתונים + שולח לי התראה במייל - אחרי שליחה: הודעת תודה במקום הטופס, בלי ניווט לעמוד אחר - טעינה מהירה: בלי ספריות כבדות, תמונות דחוסות
5חנות אונליין קטנה
מוצרי יד שנייה, אומנות, מוצרי בוטיק
אני בונה חנות אונליין קטנה ל[סוג מוצרים], עם [מספר] מוצרים. עמודים: - בית: באנר, מוצרים נבחרים, קטגוריות - חנות: גריד מוצרים עם סינון לפי קטגוריה ומיון לפי מחיר - עמוד מוצר: גלריית תמונות, תיאור, מחיר, בחירת [מידה/צבע], כפתור הוספה לעגלה - עגלה + תשלום דרך Stripe Checkout - אודות ומדיניות משלוחים והחזרות עיצוב: [סגנון]. צבע ראשי [HEX], רקע [HEX]. תמונות מוצר גדולות ונקיות. חשוב: - Lovable Cloud לניהול המוצרים וההזמנות - Stripe Checkout — הכרטיס מוקלד בעמוד של Stripe, לא אצלי - המפתח הסודי של Stripe רק בפונקציית שרת, אף פעם לא בפרונטאנד - לאמת webhooks עם חתימה - RLS על כל טבלה: לקוח רואה רק את ההזמנות שלו - עמוד /admin שרק אני רואה, עם רשימת הזמנות - עברית מלאה עם dir="rtl" ו-logical properties
6SaaS / כלי עם מנוי
כלי אינטרנטי עם משתמשים רשומים ותשלום חודשי
אני בונה כלי אינטרנטי בשם [שם] ש[מה הוא עושה במשפט]. חלק ציבורי: - דף שיווקי: כותרת, שלוש יכולות מרכזיות, צילום מסך של המוצר, תמחור, שאלות נפוצות - הרשמה והתחברות עם אימייל וסיסמה אזור מחובר: - לוח מחוונים עם [מה שהמשתמש רואה] - [הפעולה המרכזית של הכלי] - עמוד הגדרות: פרטי חשבון, שינוי סיסמה, ניהול מנוי תמחור: תוכנית חינם עם [מגבלה], ותוכנית בתשלום [מחיר] לחודש דרך Stripe. חשוב מאוד: - Lovable Cloud לאימות ולנתונים - RLS על כל טבלה: כל משתמש רואה **רק** את הנתונים שלו - לבדוק בפועל שמשתמש א' לא יכול להגיע לנתונים של משתמש ב' - בדיקת הרשאות בצד השרת, לא רק הסתרה בממשק - עברית עם dir="rtl" ו-logical properties - להתחיל מסכימת הנתונים ומההרשאות, ורק אחר כך העיצוב
7כלי פנים-ארגוני
טפסים, מעקב משימות, לוח מחוונים לצוות
אני בונה כלי פנימי לצוות של [מספר] אנשים ב[סוג הארגון]. מה הוא עושה: [תיאור במשפט]. מסכים: - התחברות (רק כתובות מייל מהדומיין [דומיין]) - רשימה ראשית: טבלה של [מה], עם חיפוש, סינון לפי [שדה] ומיון - טופס הוספה/עריכה עם השדות: [רשימת שדות] - עמוד פריט בודד עם היסטוריית שינויים - לוח מחוונים: [מספר] מדדים מרכזיים בכרטיסים הרשאות: - [תפקיד א'] רואה ועורך הכול - [תפקיד ב'] רואה רק את הפריטים שלו עיצוב: פונקציונלי ונקי, בסגנון לוח מחוונים. צפיפות מידע גבוהה, טבלאות קריאות. חשוב: - Lovable Cloud, RLS לפי תפקיד, אכיפה בצד השרת - ייצוא הטבלה ל-CSV - עברית עם dir="rtl" — לשים לב לסדר העמודות בטבלאות
8אירוע / כנס
כנס, וובינר, סדנה, חתונה
אני בונה אתר ל[סוג האירוע] "[שם]" שיתקיים ב[תאריך] ב[מקום]. מבנה: - כותרת עם שם האירוע, תאריך, מקום וטיימר לספירה לאחור - על האירוע: פסקה קצרה ושלוש סיבות להגיע - לוח זמנים: [מספר] מושבים עם שעה, כותרת ושם המרצה - דוברים: כרטיסים עם תמונה, שם, תפקיד וביו קצר - הרשמה: טופס ([שדות]) — [חינם / בתשלום דרך Stripe] - הגעה: מפה, חניה, תחבורה ציבורית עיצוב: [סגנון]. צבע ראשי [HEX]. תחושה של אירוע — אנרגטי, לא סטרילי. חשוב: - הטיימר חייב להיות קומפוננטה מבודדת כדי לא לרנדר מחדש את כל העמוד כל שנייה - ההרשמות נשמרות בבסיס הנתונים + מייל אישור אוטומטי לנרשם - עברית עם dir="rtl" ו-logical properties - תמונת OG יפה — האתר הזה משותף הרבה בוואטסאפ
9בלוג / מגזין תוכן
בלוג אישי, מגזין נישה, מרכז ידע
אני בונה בלוג בנושא [נושא] בשם [שם]. עמודים: - בית: כתבה ראשית גדולה + גריד של הכתבות האחרונות - כתבה בודדת: כותרת, תאריך, זמן קריאה, תוכן ארוך, כפתורי שיתוף, כתבות קשורות - קטגוריות: עמוד לכל קטגוריה - אודות - הרשמה לניוזלטר בתחתית כל עמוד עיצוב: מוכוון קריאה. רוחב שורה מוגבל (כ-70 תווים), גוף טקסט 18-20px, ריווח שורות נדיב, ניגודיות גבוהה. צבע הדגשה אחד [HEX]. חשוב: - מודע לכך שאתר SPA מתאנדקס לאט — להוסיף meta tags ייחודיים לכל כתבה, JSON-LD מסוג Article, sitemap.xml ו-robots.txt - H1 אחד לכל עמוד, H2 לסקשנים - עברית עם dir="rtl" — לבדוק שמרכאות, נקודתיים ומספרים מוצגים נכון - כתבות כקבצי נתונים שקל להוסיף אליהם
10עמותה / מלכ״ר
עמותה, יוזמה קהילתית, גיוס תרומות
אני בונה אתר לעמותת [שם] שעוסקת ב[תחום]. שתי מטרות: שיבינו מה אנחנו עושים, ושיתרמו או יתנדבו. עמודים: - בית: כותרת עם המשימה, שלושה מספרים שמראים השפעה, סיפור אישי אחד, כפתור תרומה - מה אנחנו עושים: [מספר] תוכניות עם תיאור ותמונה - סיפורי הצלחה - שקיפות: דוחות כספיים, חברי הנהלה, מספר עמותה - תרומה: סכומים קבועים [סכומים] + סכום חופשי, חד-פעמי או חודשי - התנדבות: טופס (שם, טלפון, תחום עניין, זמינות) עיצוב: אנושי וחם, לא תאגידי. צבע ראשי [HEX]. תמונות של אנשים אמיתיים. חשוב: - תרומות דרך Stripe Checkout, המפתח הסודי רק בשרת - עברית עם dir="rtl" ו-logical properties - נגישות: ניגודיות תקינה, ניווט מקלדת, טקסט alt לכל תמונה, תפריט הגדרות נגישות - דף מדיניות פרטיות והצהרת נגישות
פרומפטים להמשך העבודה
אחרי שהבסיס עומד — אלו הפרומפטים שכדאי להריץ לפני שמפרסמים.
תיקון עברית ו-RTL
כשהפריסה לא מתהפכת כמו שצריך
לעבור על כל האתר ולוודא תמיכת RTL מלאה: - dir="rtl" ו-lang="he" על אלמנט ה-html - להחליף כל ml-/mr- ב-ms-/me-, כל pl-/pr- ב-ps-/pe-, וכל left/right ב-start/end - לוודא שהלוגו והתפריט בצד הנכון, ושהתפריט בנייד נפתח מהצד הנכון - להפוך אייקונים כיווניים: חצים, "הבא"/"הקודם", breadcrumbs - לבדוק במיוחד: טפסים (יישור תוויות), טבלאות (סדר עמודות), דרופדאונים, וקומפוננטות מספריות חיצוניות - לוודא שמספרים, מחירים וטלפונים מוצגים נכון בתוך משפט עברי - פונט עברי: Heebo או Assistant, משקלים 400/500/700
ביקורת אבטחה לפני פרסום
חובה לכל אתר שאוסף פרטים
לבצע ביקורת אבטחה לפני פרסום: - לוודא ש-RLS מופעל על כל טבלה בבסיס הנתונים - לוודא שכל משתמש יכול לקרוא ולערוך **רק** את השורות שלו - לוודא שאין אף מפתח סודי בקוד הפרונטאנד (sk_live_, מפתחות API של ספקים, סיסמאות) - לוודא שעמודי אדמין חסומים בצד השרת ולא רק מוסתרים מהתפריט - לאמת קלט מטפסים גם בצד השרת, לא רק בדפדפן - להגביל קצב שליחות טפסים כדי למנוע ספאם - לפרט לי בסוף מה נמצא ומה תוקן
SEO ומטא-דאטה
לפני שמפרסמים ומשתפים
להוסיף לכל עמוד: - meta title ייחודי (עד 60 תווים) ו-meta description (עד 155 תווים) - Open Graph ו-Twitter Card כולל תמונת OG - sitemap.xml ו-robots.txt - JSON-LD מתאים לסוג העמוד (LocalBusiness / Article / Product / FAQPage) - קישור canonical בכל עמוד תוכן, שמצביע על העמוד עצמו - היררכיית כותרות תקינה: H1 אחד לעמוד - טקסט alt תיאורי לכל תמונה
שיפור ביצועים
כשהאתר נטען לאט בנייד
לשפר את ביצועי האתר: - lazy loading לכל תמונה שאינה בחלק העליון של המסך - לציין width ו-height מפורשים לכל תמונה כדי למנוע קפיצות פריסה - לבודד קומפוננטות שמתעדכנות בתדירות גבוהה (טיימרים, שעונים) כדי שלא ירנדרו מחדש את כל העמוד - להסיר ספריות וקוד שלא בשימוש - לטעון פונטים עם font-display: swap ורק במשקלים שבשימוש - לפרט לי מה שונה ומה ההשפעה הצפויה
לא קראת את המדריך?
המדריך המלא מסביר איך לעבוד עם התבניות האלה, איך לא לשרוף קרדיטים, ומה חייבים לבדוק לפני פרסום.