פרומפטים למפתחים: כתיבת קוד, דיבוג ו-Code Review

הנחיה: "צור React Server Component ב-TypeScript עבור Next.js 15 App Router. הקומפוננטה: ProductCard - כרטיס מוצר לחנות אונליין. Props: name (string), price (number), imageUrl (string), discount (number אופציונלי), inStock (boolean). דרישות: - Tailwind CSS 4.0 לעיצוב - תמיכה ב-responsive design (מובייל קודם) - הצגת מחיר מקורי ומחיר אחרי הנחה כשיש discount - Badge של 'אזל מהמלאי' כש-inStock הוא false - אנימציית hover עדינה - שימוש ב-next/image לאופטימיזציית תמונות - הוסף aria-labels לנגישות - ייצא את הקומפוננטה כ-named export"

הנחיה: "כתוב פונקציית Python 3.12 שמנתחת קובץ CSV של עסקאות מכירה ומחזירה דוח מסכם. הפונקציה: analyze_sales_data(file_path: str, start_date: str, end_date: str) -> SalesReport עמודות ב-CSV: transaction_id, date, product_name, category, quantity, unit_price, customer_id הדוח צריך לכלול: - סה'כ הכנסות בטווח התאריכים - Top 5 מוצרים לפי הכנסה - חלוקה לפי קטגוריות - מגמה יומית (ממוצע נע של 7 ימים) - לקוחות חוזרים vs חדשים דרישות טכניות: - השתמש ב-pandas ו-dataclasses - Type hints מלאים - Docstring בפורמט Google - טיפול בשגיאות: קובץ לא נמצא, פורמט תאריך שגוי, עמודות חסרות - לוגיקה נקייה בלי קוד כפול"

הנחיה: "כתוב שאילתת PostgreSQL 16 שמחשבת retention rate של משתמשים לפי חודש קוהורט. טבלאות: - users (id, created_at, plan_type) - events (id, user_id, event_type, created_at) הדרישה: לכל חודש קוהורט (לפי users.created_at), הצג את אחוז המשתמשים שביצעו לפחות פעולה אחת (event_type = 'login') בכל אחד מ-6 החודשים שלאחר ההרשמה. פורמט הפלט: cohort_month, month_0, month_1, month_2, month_3, month_4, month_5 (כשכל עמודת חודש מציגה אחוז). דרישות: CTE לקריאות, אופטימיזציה לביצועים (הטבלה מכילה מיליוני שורות), הוסף הערות שמסבירות כל שלב."

הנחיה: "אני מקבל שגיאה באפליקציית Next.js 15. אני צריך עזרה בדיבוג. הודעת השגיאה: TypeError: Cannot read properties of undefined (reading 'map') at ProductList (src/components/ProductList.tsx:23:18) הקוד הרלוונטי: [הדביקו את הקוד כאן] מה ניסיתי: 1. בדקתי שה-API מחזיר נתונים - כן, הוא מחזיר מערך 2. הוספתי console.log לפני ה-map - מקבל undefined 3. הבעיה קורית רק בטעינה ראשונית Stack: Next.js 15, React 19, TypeScript, Prisma ORM, PostgreSQL אנא: זהה את הבעיה, הסבר למה היא קורית, והצע תיקון עם קוד."

הנחיה: "הקומפוננטה הבאה ב-React גורמת ל-re-renders מיותרים ולביצועים איטיים. האפליקציה נתקעת כשיש מעל 100 פריטים ברשימה. [הדביקו את הקוד] אנא: 1) זהה את כל בעיות הביצועים בקוד 2) הסבר למה כל אחת מהן גורמת לבעיה 3) שכתב את הקוד עם אופטימיזציות (React.memo, useMemo, useCallback, virtualization אם צריך) 4) הסבר כל שינוי שעשית"

הנחיה: "יש לי race condition בקומפוננטת React שמבצעת API call. כשהמשתמש מקליד מהר בשדה חיפוש, לפעמים התוצאות מתערבבות - תוצאות של חיפוש ישן מופיעות אחרי תוצאות של חיפוש חדש. [הדביקו את הקוד של הקומפוננטה] אנא: 1) הסבר את ה-race condition שקורה 2) הצע לפחות 2 פתרונות שונים (AbortController, debounce, מזהה ייחודי לבקשה) 3) ממליץ על הפתרון הטוב ביותר ולמה 4) כתוב את הקוד המתוקן"

הנחיה: "בצע Code Review מקצועי על הקוד הבא. תפקידך: Senior Developer עם 10 שנות ניסיון ב-React ו-TypeScript. [הדביקו את הקוד] סקור את הקוד לפי הקטגוריות הבאות: 1. באגים פוטנציאליים ו-edge cases 2. אבטחה (XSS, injection, חשיפת מידע רגיש) 3. ביצועים (re-renders, memory leaks, חישובים מיותרים) 4. קריאות וסגנון (naming, מבנה, DRY) 5. טיפול בשגיאות (error boundaries, try/catch, ולידציה) 6. נגישות (a11y) 7. Type safety (TypeScript best practices) לכל ממצא: ציין שורה, חומרה (קריטי/בינוני/נמוך), הסבר, ותיקון מוצע עם קוד."

הנחיה: "אני מתכנן מערכת התראות בזמן אמת לאפליקציית SaaS. צריך עזרה בבחירת ארכיטקטורה. הדרישות: - 10,000 משתמשים פעילים, צפי לגדול ל-100,000 תוך שנה - התראות push, email ו-in-app - זמן תגובה: פחות מ-2 שניות מרגע האירוע - Stack קיים: Next.js, Node.js, PostgreSQL, Redis, deployed on Vercel + AWS האפשרויות שאני שוקל: 1. WebSockets ישירות מ-Node.js server 2. Server-Sent Events (SSE) 3. שירות חיצוני כמו Pusher / Ably 4. AWS SNS + SQS + Lambda לכל אפשרות: הצג יתרונות, חסרונות, עלויות משוערות, מורכבות יישום, ו-scalability. סיים בהמלצה מנומקת."

הנחיה: "כתוב unit tests עבור הפונקציה הבאה ב-Vitest + React Testing Library. [הדביקו את הקוד של הפונקציה/קומפוננטה] דרישות: - כסה את כל ה-happy paths וה-edge cases - כלול טסטים לטיפול בשגיאות - בדוק נגישות עם screen.getByRole - השתמש ב-describe/it עם תיאורים ברורים - Mock API calls עם MSW - כלול טסטים ל-loading state, error state ו-empty state - ציין מה ה-coverage המשוער"

הנחיה: "צור תיעוד API מלא לנקודות הקצה הבאות. פורמט: OpenAPI 3.1. [הדביקו את קוד ה-routes / controllers] לכל endpoint כלול: - תיאור מה הוא עושה - Parameters עם types ודוגמאות - Request body schema עם דוגמאות - Response schemas (success + כל סוגי השגיאות) - Authentication דרישות - Rate limiting - דוגמאות cURL הוסף גם קובץ README עם הוראות התקנה, הגדרת environment variables, והרצה מקומית."

הנחיה: "הוסף תיעוד מקיף לקוד הבא בלי לשנות את הלוגיקה: [הדביקו את הקוד] דרישות: - JSDoc/TSDoc לכל פונקציה ו-type - הערות inline למקטעים מורכבים - תיאור כללי בתחילת הקובץ שמסביר את המטרה והשימוש - דוגמאות שימוש בתוך ה-JSDoc - ציין @throws לכל exception אפשרי - Type descriptions מפורטים לכל interface"

הנחיה: "כתבו בתוך הקוד שלכם: // Function: validateIsraeliPhoneNumber // Input: phone string (supports formats: 050-1234567, +972501234567, 0501234567) // Output: { isValid: boolean, formatted: string, carrier: string } // Rules: Must start with valid Israeli prefix (050-058, 02-09) // Normalize to format: +972-XX-XXX-XXXX // Detect carrier by prefix (050,051=Cellcom, 052,055=Partner, 054,053=Pelephone) ו-Copilot ישלים את הפונקציה בצורה מדויקת."