סדנא על Cursor - עורך קוד מבוסס AI

איך לעבוד נכון עם עורך קוד (IDE) מבוסס AI

מה תלמדו

• לבנות אפליקציית ווב מתיאור במילים, גם בעברית, בלי לכתוב קוד בעצמכם
• להכיר את Agent, Plan, Debug ו-Ask ולדעת מתי להשתמש בכל אחד מהם
• לבחור מודל קל כמו Gemini Flash לדברים פשוטים ו-Opus למשימות מורכבות, ולחסוך זמן וכסף
• לסמן חלק מסוים ולבקש מהסוכן לשנות רק אותו, בלי שיתבלבל עם מקום אחר
• לבקש מ-Cursor לכתוב את הקוד ב-Next.js, TypeScript, Tailwind ו-shadcn, הצירוף הפופולרי היום
• לבקש מ-Cursor להעלות את הקוד ל-GitHub, ולהכיר את ההעלאה לאוויר משם דרך Firebase או Vercel
• לצרף לסוכן את התיעוד הרשמי של ספריות כמו OpenAI ו-Firebase, כדי שיעבוד לפיו
• ליצור עם ChatGPT מסמך אפיון PRD ולהזין אותו ל-Plan, שיפרק את הבנייה למשימות מסודרות

למי זה מתאים

• מפתחים מנוסים שרוצים לעבוד פי-10 יותר מהר ולהפסיק לרשום קוד ידנית
• אנשי מוצר ויזמים שרוצים לבנות MVP או אפליקציה בעצמם ללא מפתח
• בעלי עסקים שרוצים לבדוק רעיון טכנולוגי במהירות לפני השקעה במפתח
• אנשים עם רקע טכני בסיסי (הבנת מושגים כמו API, database, components) שרוצים להפוך למפתחי vibe-coding
• פרילנסרים ויועצים שרוצים להוסיף פיתוח אפליקציות לשירותים שלהם

מה אפשר לעשות עם זה בפועל

• לבנות מערכת ניהול משימות (task manager) מלאה עם Firebase תוך 15 דקות - כולל אימות משתמשים ובסיס נתונים
• לתקן באג ספציפי בכפתור או בטופס מבלי שהסוכן 'יהרוס' קוד אחר - בחירה מדויקת של הקטע לתיקון
• לשכפל אתר קיים (scraping) - לתת URL ולבקש מהסוכן לבנות אותו דבר
• לבנות דף נחיתה או אתר תדמית עם עיצוב מותאם אישית תוך שעה
• לייצר documentation אוטומטית לכל הקוד שנכתב - במיוחד חשוב אם מעבירים למפתח אחר
• להוסיף פיצ'ר מורכב (כמו אינטגרציה עם OpenAI API) בלי להבין את הקוד - הסוכן קורא את ה-docs ועושה הכל
• לבנות אב-טיפוס (prototype) של רעיון סטארטאפ ולהעלות אותו לאוויר תוך יום עבודה
• לשפר פרויקט קיים - לפתוח תיקייה
• להוסיף פיצ'רים חדשים בלי לפגוע בקיים

מה עוברים בסדנה

הקדמה
בשיעור למדנו על מושג ה-Vibe Coding ועל הכלי המרכזי שמוביל את התחום, Cursor. למדנו ש-Cursor הוא עורך קוד חכם (IDE) המבוסס על סוכני בינה מלאכותית, המאפשר לפתח יישומים ופלטפורמות באמצעות שפה אנושית (כמו עברית) במקום כתיבת קוד ידנית מורכבת. במהלך ההדרכה סקרנו את שיטת העבודה עם הכלי, את סוגי הסוכנים הפועלים בו ואת הטכנולוגיות המשלימות הנדרשות לפיתוח פרויקט מלא, כגון Next.js, TypeScript ו-Tailwind, וכן כלים לניהול ואחסון הקוד כמו GitHub ו-Firebase.

נקודות מרכזיות
1.ארבעת סוכני העבודה ב-Cursor: בשיעור למדנו שבכלי קיימים ארבעה סוכנים ייעודיים: Ask להתייעצות ושאלות על הפרויקט, Agent לביצוע שינויים ישירים בקוד, Debug להרצת בדיקות ותיקון שגיאות, ו-Plan לפירוק משימות מורכבות לתוכנית עבודה מפורטת.

2.תהליך האפיון (PRD): למדנו שמומלץ לא להתחיל את הפיתוח ישירות בתוך Cursor, אלא "ללעוס" את הרעיון עם מודל שפה חיצוני (כמו ChatGPT) כדי ליצור מסמך אפיון מוצר (PRD) באנגלית המגדיר את קהל היעד, הפיצ'רים והמטרות.

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

4.עבודה עם דוקומנטציה עדכנית: למדנו ש-Cursor מאפשר להוסיף תיעוד רשמי של ספריות חיצוניות (כמו OpenAI) ישירות לסוכן, מה שמבטיח עבודה לפי הסטנדרטים העדכניים ביותר של הטכנולוגיה הנבחרת.

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

שימושים מעשיים

• לבנות מערכת ניהול משימות (task manager) מלאה עם Firebase תוך 15 דקות - כולל אימות משתמשים ובסיס נתונים
• לתקן באג ספציפי בכפתור או בטופס מבלי שהסוכן 'יהרוס' קוד אחר - בחירה מדויקת של הקטע לתיקון
• לשכפל אתר קיים (scraping) - לתת URL ולבקש מהסוכן לבנות אותו דבר
• לבנות דף נחיתה או אתר תדמית עם עיצוב מותאם אישית תוך שעה
• לייצר documentation אוטומטית לכל הקוד שנכתב - במיוחד חשוב אם מעבירים למפתח אחר
• להוסיף פיצ'ר מורכב (כמו אינטגרציה עם OpenAI API) בלי להבין את הקוד - הסוכן קורא את ה-docs ועושה הכל
• לבנות אב-טיפוס (prototype) של רעיון סטארטאפ ולהעלות אותו לאוויר תוך יום עבודה
• לשפר פרויקט קיים - לפתוח תיקייה
• להוסיף פיצ'רים חדשים בלי לפגוע בקיים