כתיבת ה-prompt הראשון שלך
כתיבת ה-prompt שלך היא הצעד הראשון לבניית האפליקציה שתמיד רצית. פשוט הקלד מה אתה רוצה שהאפליקציה שלך תעשה, וה-AI יבנה אותה עבורך. אינך צריך להיות מפתח או להבין קוד. זה vibe coding - הפיכת הרעיונות שלך לאפליקציות אמיתיות פשוט על ידי תיאורן במילים שלך.
Build a workout generator. It should create personalized workout plans based on my fitness goals, equipment availability, and time availability in my week.
Build a CRM for photographers. Include features for clients’ galleries, photoshoot bookings, and pricing packages.
מוכן להתחיל?
קח אותי ל-Base44 לבנות את האפליקציה שלי
נוסחת ה-Prompt
“Create a [Function] website. Use a [Layout] structure. Apply a [Visual Style] aesthetic.”שלב 1 | הגדר את הפונקציה
ספר ל-AI בדיוק מה ה”תפקיד” שהאתר עושה. portfolio צריך להיות נועז, בעוד שבנק צריך להיראות מאובטח.- SaaS Landing Page: ממוקד בהמרה, תכונות ואמון.
- Creative Portfolio: ממוקד באישיות, חזותיים ופקטור ה”וואו”.
- E-Commerce Store: ממוקד ברשתות מוצרים, בהירות ומהירות.
- Editorial או Blog: ממוקד בקריאות וטיפוגרפיה.
שלב 2 | בחר את הסגנון הוויזואלי
תאר את ה-vibe הספציפי שאתה רוצה. זה מעבר ל”נקי” או “מודרני”.- טכנולוגיה ואמון: Glassmorphism (זכוכית מטושטשת) או Aurora Gradients (אור רך).
- יוקרה וסיפור: Dark Academia (מצב רוח, גופני serif), Eco-Minimalism (גוונים אדומים) או Monochrome (שחור לבן).
- יצירתי ונועז: Neo-Brutalism (מתארים גולמיים, צבעים מתנגשים), Y2K, או Vaporwave (אסתטיקה רטרו).
שלב 3 | בחר את הפריסה
ספר ל-AI כיצד לארגן את התוכן על המסך כדי שלא יצטרך לנחש.- The Bento Grid: הכול מאורגן בתיבות או תאים נפרדים. הטוב ביותר לאתרים עתירי תכונות.
- Scrollytelling: האתר הוא קנבס ארוך אחד. ככל שאתה גולל, אלמנטים מתאספים או מופיעים. הטוב ביותר לאתרים עתירי סיפור.
- Split-Screen: המסך מחולק לחצי. צד אחד דביק (טקסט), בעוד שהצד השני נע (תמונות). הטוב ביותר לאתרים עתירי מוצר.
ממה להימנע
כדי להבטיח שה-AI יבין את החזון שלך בבירור, הימנע מטעויות prompting נפוצות אלה:- בקשות מעורפלות: הערות כמו “Make it better” או “Fix it” ללא הקשר משאירות את ה-AI לנחש. היה ספציפי לגבי מה צריך להשתנות.
- יותר מדי בבת אחת: “Build a full e-commerce site with payments, inventory, reviews, and analytics” בהודעה אחת יכול לגרום לבלבול. התחל עם המבנה הליבה והוסף תכונות צעד אחר צעד.
- הנחה שה-AI זוכר הכול: אם דיברת עם ה-AI לפני ימים או בצ’אט אחר, הזכר לו את ההקשר.
- ציפייה שה-AI יקרא את מחשבותיך: אם יש לך זרימת עיצוב או פריסה ספציפית בראש, תאר אותה בדיוק ככל שתוכל.
טיפים ל-prompts מצוינים
4 אסטרטגיות פשוטות אלה יעזרו לך לכתוב prompts שיתנו לך את התוצאות החזקות ביותר עם Base44.היה ברור וספציפי
ככל שתשתף יותר פרטים, התוצאות טובות יותר. תוכל להגדיר תכונות נוספות מאוחר יותר, אך התחל עם החשובות ביותר. כדי לעזור לך להגדיר בבירור את ה-Function (שלב 1 של הנוסחה למעלה), נסה את ה-framework הפשוט Who, What, Why:
- WHO: למי מיועדת האפליקציה הזו? (לדוגמה, יועצים עצמאיים)
- WHAT: מה היא עוזרת להם לעשות? (לדוגמה, לנהל פרויקטים של לקוחות ומועדים)
- WHY: למה מישהו ישתמש בה? (לדוגמה, כדי לחסוך זמן ולהישאר מסודר)
חשוב על מי שישתמש באפליקציה שלך
דמיין כיצד אתה, או מישהו אחר, ישתמש באפליקציה שלך. תאר את הצעדים העיקריים או את המסע שהמשתמשים שלך יעשו, כגון הרשמה, הוספת מידע או מעקב אחר התקדמות. זה עוזר ל-AI לעצב חוויה שמרגישה טבעית ועוזרת.לדוגמה, תוכל לומר ל-AI “Users sign up, create a new project, set milestones, and track their progress daily.”
התמקד בתוצאה, לא בתהליך
אינך צריך להסביר צעדים טכניים או לתאר כיצד דברים צריכים לעבוד מאחורי הקלעים.פשוט שתף את התוצאה הסופית שאתה רוצה, כמו “Let teachers upload assignments and send feedback to students.” ה-AI מטפל בכל הפרטים המורכבים עבורך.
המשך לפתח את האפליקציה שלך
ה-prompt הראשון שלך הוא רק ההתחלה. תמיד תוכל לבקש שינויים, עדכונים או תכונות חדשות.עבור אפליקציות גדולות יותר או מורכבות יותר, נסה לבנות בשלבים. התחל פשוט, ולאחר מכן הוסף תכונות או פרטי עיצוב בזה אחר זה. התנסה עד שהאפליקציה שלך תתאים לחזון שלך. בכל פעם שאתה נותן משוב, Base44 תמשיך לשפר את האפליקציה שלך.
טכניקות לתוצאות טובות יותר
כשאתה מחדד את האפליקציה שלך, יש כמה דרכים לדבר עם Base44 שיעזרו לה לבצע את החזון שלך.| Technique | When to Use It | Examples | Pro Tip |
|---|---|---|---|
| ”Make it more…” / “Make it less…” | התאם טון, פריסה או הדגשה | - “Make the header less bold.” - “Make the CTA more persuasive.” | הוסף למה: “Make the CTA more persuasive because it’s the final step in the user’s journey." |
| "Add a…” / “Remove the…” | הוסף/הסר תכונות ספציפיות או בלוקי UI | - “Add a comments section to each task.” - “Remove the pricing page for now.” | קבץ פעולות ליעילות רבה יותר: “Add a comments section and move it below the task list." |
| "Change [this] to [that]“ | התאם טקסט, חזותיים, פריסה או לוגיקת רכיבים | - “Change the sidebar color to charcoal.” - “Change the ‘Submit’ button to say ‘Send Request’.” | שכבת הקשר: “Change the button text to match the friendly tone used in the rest of the app." |
| "It should feel like…” | שאל סגנונות אפליקציה מוכרים כדי להנחות פריסה או התנהגות | - “It should feel like a mix between Duolingo and Habitica.” - “Like a lighter version of Airtable.” | הבהר אילו חלקים: “Use Duolingo’s playful tone and Habitica’s gamified progress system." |
| "Add logic for…”(אופציונלי) | הוסף כללים פונקציונליים או זרימות מבלי להזדקק לקוד | - “Add logic to hide completed items from the default view.” - “Send a reminder if no action in 3 days.” | תאר את התוצאה הרצויה ברגע שהלוגיקה נוספה: “Add logic so users get nudged if they haven’t logged in for a week." |
| "Group or organize…” | בנה תוכן לבהירות או זרימת עבודה | - “Group tasks by category” - “Organize settings into collapsible sections” | הזכר צורכי משתמש: “Organize tasks by category so users can quickly find what they need." |
| "Add conditional behavior…” | הצג הסתעפות חכמה או פונקציונליות מבוססת מצב | - “Only show the download button after payment is confirmed.” | התחל פשוט, הרחב מאוחר יותר: “Add the condition first, then I’ll add variations per user type." |
| "Let users…” statements | מסגר פונקציונליות מנקודת מבטו של המשתמש הסופי | - “Let users upload documents and tag them.” - “Let users bookmark resources for later.” | מסגר את הפונקציונליות סביב פתיחת ערך עבור המשתמש: “Let users upload documents and tag them so they can easily find them later.” |
שיחה עם AI
בניית האפליקציה שלך היא שיחה, לא פקודה חד-פעמית. ברגע שהשתמשת בטכניקות שלמעלה כדי לחדד את החזון שלך, תוכל להשתמש בממשק הצ’אט כדי לעצב את האפליקציה שלך צעד אחר צעד. תוכל לשאול שאלות, להוסיף תכונות חדשות, לעדכן פרטים, או לשנות את דעתך בכל עת. אין מגבלה לכמה שינויים תוכל לבצע. אם תרצה לנסות פריסה חדשה, להוסיף דף או להסיר משהו, פשוט הקלד את הבקשה החדשה שלך וה-AI יעדכן את האפליקציה שלך בתוך שניות.
- מצב Discuss: השתמש במצב Discuss בכל פעם שאתה רוצה לסעור מוחות או לדון ברעיונות עם ה-AI לפני ביצוע שינויים. זו דרך מצוינת לחקור אפשרויות ולקבל משוב מבלי להשפיע על האפליקציה החיה שלך עד שאתה מוכן. למד עוד על מצבי הצ’אט
- היסטוריית revert: אם תשנה את דעתך או תרצה לחזור אחורה, תוכל בקלות לשחזר כל גרסה קודמת של האפליקציה שלך. התנסה כמה שאתה רוצה, בידיעה שתמיד תוכל לבטל או לחזור לגרסאות קודמות במידת הצורך. למד עוד על ביטול שינויים
שאלות נפוצות
לחץ על שאלה למטה כדי ללמוד עוד על שימוש ב-prompts בצ’אט ה-AI.למה אני לא יכול ליישם את התכונה שאני רוצה?
למה אני לא יכול ליישם את התכונה שאני רוצה?
חלק מהתכונות עשויות שלא להיות נתמכות. אם אינך בטוח, תוכל לשאול בערוץ העזרה שלנו ב-Discord.
למה ה-AI משנה חלקים מהאפליקציה שלי שלא הזכרתי, וכיצד אוכל לשלוט בזה?
למה ה-AI משנה חלקים מהאפליקציה שלי שלא הזכרתי, וכיצד אוכל לשלוט בזה?
תוכל להשתמש בבקרות ה-AI כדי להגביל את השינויים של ה-AI רק לאזורים שאתה רוצה לעדכן. זה מועיל במיוחד אם חלקים אחרים של האפליקציה משתנים בכוונה. למד עוד על התאמה אישית של צ’אט ה-AI
כיצד אוכל לסקור רעיונות עם ה-AI לפני שימוש בקרדיטים על שינויים?
כיצד אוכל לסקור רעיונות עם ה-AI לפני שימוש בקרדיטים על שינויים?
השתמש במצב Discuss בתחתית צ’אט ה-AI. זה מאפשר לך לדון ברעיונות, לסקור לוגיקה או לתכנן צעדים עם ה-AI לפני ביצוע שינויים או שימוש בקרדיטים כלשהם. זה אידיאלי כדי לוודא שהיעדים שלך ברורים ולחקור אלטרנטיבות לפני יישום עדכונים לאפליקציה שלך. למד עוד על מצבי הצ’אט
למה ה-AI לא עוקב אחר ההוראות שלי כראוי?
למה ה-AI לא עוקב אחר ההוראות שלי כראוי?
ייתכן שייקח ל-AI כמה ניסיונות לקבל את הפתרון המושלם. הכוונה לא תמיד ברורה לחלוטין ובאגים קטנים עשויים לצוץ. כדי לקבל תוצאות טובות יותר מהצ’אט, מועיל מאוד להיות ספציפי ככל האפשר לגבי האלמנט שאליו אתה מתייחס.הנה כמה טיפים שאנחנו ממליצים:
- שימוש ב-Visual Edits כדי להדגיש ישירות את האלמנט ולתאר את השינוי שאתה רוצה
- הסבר מה אתה רוצה שיקרה (ולא מה לא בסדר)
- אם אתה חוזר על prompts, נסה לנסח מחדש עם מילות מפתח כמו redesign או rebuild
- כתיבה בשפה הטבעית שלך, ככל שהבקשה פשוטה וברורה יותר, התגובה תהיה מדויקת יותר.
מה עליי לעשות אם תגובות ה-AI איטיות או נתקעות?
מה עליי לעשות אם תגובות ה-AI איטיות או נתקעות?
אם ה-AI לוקח זמן רב מדי או נראה תקוע, נסה לרענן את הדף או לשלוח שוב את ה-prompt שלך. זה בדרך כלל מתקן את הבעיה ומחזיר את הדברים לתנועה.
כיצד אוכל לכתוב prompt טוב יותר כדי להימנע מאובדן שינויי קוד עם קוד שנוצר על ידי AI?
כיצד אוכל לכתוב prompt טוב יותר כדי להימנע מאובדן שינויי קוד עם קוד שנוצר על ידי AI?
כשעובדים עם קוד שנוצר על ידי AI, תוצאות לא תמיד כפי שהן צפויות. כדי להפחית את הסיכון לאבד את השינויים שלך:
- השתמש בבקרות AI כדי להוסיף הוראות מותאמות אישית או הערות חשובות שאתה רוצה שה-AI יזכור עבור כל prompt.
- חזור על כל פרטים קריטיים או דרישות ב-prompts שלך, במיוחד כשהקשר חשוב.
- שמור את עבודתך באופן קבוע ושמור עותקי גיבוי של גרסאות חשובות של הקוד שלך.
- זכור ש-prompting אפקטיבי הוא מיומנות. ככל שתצבור ניסיון וכלי AI ישתפרו, התוצאות שלך ישתפרו.
- סקור בקפידה גם את ה-prompts שלך וגם את הפלט של ה-AI כדי לוודא שההקשר והדרישות שלך מטופלים כפי שאתה מתכוון.
דף זה תורגם באמצעות בינה מלאכותית. למידע המדויק והעדכני ביותר, עיין בגרסה האנגלית.