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

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

מה תלמדו

• לבנות אפליקציות ווב מלאות רק עם תיאור בעברית - ללא כתיבת קוד ידנית
• לתקן באגים ולשפר קוד באמצעות 4 סוגי סוכנים שונים (Agent, Plan, Debug, Ask) - כל אחד למשימה אחרת
• לבחור את המודל הנכון לכל משימה (Flash לדברים פשוטים, Opus למשימות מורכבות) - חיסכון בזמן ובכסף
• להשתמש ב-context targeting מדויק - לסמן קטעי קוד ספציפיים ולשנות רק אותם, ללא 'השתגעויות' של הסוכן
• לעבוד עם Next.js, TypeScript, Tailwind ו-Shadcn בלי להכיר את הטכנולוגיות - Cursor מייצר הכל
• להעלות פרויקטים לאינטרנט דרך Firebase או Vercel מתוך Cursor בלחיצת כפתור
• לשלב documentation של ספריות חיצוניות (OpenAI, Firebase וכו') - הסוכן יקרא אותה ויעבוד לפיה
• ליצור PRD (מסמך אפיון) עם ChatGPT ולהזין אותו ל-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) של רעיון סטארטאפ ולהעלות אותו לאוויר תוך יום עבודה
• לשפר פרויקט קיים - לפתוח תיקייה, להוסיף פיצ'רים חדשים בלי לפגוע בקיים