{"guides":[{"id":"cb7efe0f-4ec1-4b6d-b7c6-554c505662d9","unique_id":"vibe-code-tools-reference-feb2026","title":"Vibe Code: Modern Tools & Libraries for Web, Mobile & AI Development","title_he":"Vibe Code: כלים וספריות מודרניות לפיתוח Web, Mobile ו-AI","summary":"Curated collection of modern development tools, frameworks and libraries for AI-powered development.","summary_he":"אוסף מאורגן של כלים, פריימוורקים וספריות מודרניות לפיתוח עם AI. תוצר של גל חבקין.","long_content":null,"slug":"vibe-code-tools-reference","curation_note":"אוסף כלים מעולה שנבנה על ידי גל חבקין מהקהילה הישראלית. רלוונטי מאוד ליזמים שרוצים לבנות מוצרים עם AI.","tool_name":"Vibe Coding","feature_name":"Tools Reference","difficulty_level":"בינוני","topics":["Vibe Coding","Tools","Frameworks","AI Development","Full-stack"],"url":"https://vibe-code-best-practices.vercel.app/","sources":null,"language":"עברית","created_at":"2026-02-10T17:52:49.731847+00:00","updated_at":"2026-02-10T17:52:49.731847+00:00","section":"complete","section_order":1,"section_title":"Complete Reference","section_title_he":"מדריך מקיף","long_content_he":"# Vibe Code - כלים וספריות מודרניות לפיתוח\n*(תוצר של גל חבקין)*\n\nאוסף מקיף ומאורגן של הכלים, הפריימוורקים והספריות הכי רלוונטיים לפיתוח מודרני עם AI.\n\n---\n\n## 🌐 פריימוורקים לבניית אפליקציות\n\n### Web (Full-stack)\n| כלי | תיאור |\n|------|--------|\n| **[Next.js](https://nextjs.org/)** | פריימוורק React מתקדם עם App Router, Server Components ו-Turbopack |\n| **[TanStack Start](https://tanstack.com/start/latest)** | Full-stack מבוסס TanStack Router עם SSR, Streaming ו-Server Functions |\n| **[Elysia](https://elysiajs.com/)** | Web Framework ל-Bun עם End-to-end Type Safety וביצועים גבוהים |\n\n### Mobile\n| כלי | תיאור |\n|------|--------|\n| **[Expo](https://expo.dev/)** | פריימוורק React Native עם OTA Updates, EAS Build ו-Router מבוסס קבצים |\n\n### Scaffolding\n| כלי | תיאור |\n|------|--------|\n| **[Better-T Stack](https://www.better-t-stack.dev/)** | CLI מודרני ל-Scaffolding פרויקטים Full-stack TypeScript |\n\n---\n\n## 🤖 כלי Vibe Coding (פיתוח עם AI)\n\n| כלי | סוג | למי מתאים |\n|------|------|----------|\n| **[Cursor AI](https://cursor.com/)** | AI-Native IDE | מפתחים |\n| **[Claude Code](https://code.claude.com/)** | CLI Agent | מפתחים מתקדמים |\n| **[V0 by Vercel](https://v0.dev/)** | UI Generator | מומחי React |\n| **[Lovable](https://lovable.dev/)** | App Builder | יזמים ללא רקע טכני |\n| **[Bolt.new](https://bolt.new/)** | Scaffolding | פרוטוטייפים מהירים |\n\n---\n\n## 📚 המשאב המלא\n\nהאתר כולל קטגוריות נוספות: בסיסי נתונים, אימות, תשלומים, UI Components, אנימציות, טסטים, DevOps ועוד.\n\n**[לאתר המלא →](https://vibe-code-best-practices.vercel.app/)**\n\n---\n\n*תוצר של גל חבקין — מקור ידע מרוכז לכל מפתח שעובד עם AI*\n\n---\n\n## 🆕 כלים חדשים (פברואר 2026)\n\n### 🔍 dev3000 (d3k) — דיבאגינג בזמן אמת לסוכני AI\n[dev3000](https://github.com/vercel-labs/dev3000) מ-Vercel Labs — עוזר debugging שמחבר את הסוכן לשרת הפיתוח ולוכד הכל בזמן אמת:\n- **לוגים של שרת ודפדפן** — כל console.log, כל שגיאה\n- **בקשות רשת** — רואים requests/responses, מזהים בקשות מיותרות\n- **צילומי מסך אוטומטיים** — בכל ניווט, שגיאה, או אינטראקציה\n- **ציר זמן מאוחד** — הכל מסודר כרונולוגית לסוכן AI\n\n```bash\nbun install -g dev3000\nd3k                        # הפעלה + בחירת סוכן\nd3k --with-agent claude    # ישר עם Claude במסך מפוצל\nd3k errors                 # הצגת שגיאות אחרונות\nd3k fix                    # ניתוח מעמיק של שגיאות\n```\n\n💡 **למה זה שימושי:** במקום לתאר לסוכן מה לא עובד, הוא רואה את הכל בעצמו — לוגים, שגיאות, רשת, screenshots.\n\n---\n\n### 📦 opensrc — קוד מקור של ספריות לסוכני AI\n[opensrc](https://github.com/vercel-labs/opensrc) מ-Vercel Labs — מביא את קוד המקור של חבילות npm כדי שהסוכן יבין את המימוש, לא רק את הטיפוסים.\n\n```bash\nnpm install -g opensrc\nopensrc zod                    # מביא את קוד המקור של zod\nopensrc react react-dom next   # מספר חבילות בבת אחת\nopensrc facebook/react         # ישר מ-GitHub\nopensrc list                   # מה כבר הורדנו\n```\n\n💡 **למה זה שימושי:** כשסוכן AI רואה רק את ה-types של ספרייה, הוא מנחש. כשהוא רואה את הקוד — הוא מבין. מיוחד בשביל חוסר תאימות, באגים, או שימוש מתקדם.\n\n\n### 🎮 it-is-unreal — MCP Server ל-Unreal Engine\n[it-is-unreal](https://github.com/endlessblink/it-is-unreal) מאת נועם נאומובסקי — שרת MCP עם **100 כלים** שמחבר סוכני AI (כמו Claude Code) ל-Unreal Engine.\n\n- אוטומציה של פיתוח משחקים עם AI\n- זורקים את ה-README למודל שפה והוא מטפל בשאר\n- קוד פתוח, work in progress\n\n💡 **למה זה מעניין:** הדוגמה הכי טובה לאן Vibe Coding הולך — לא רק אתרים ואפליקציות, אלא גם **משחקים ו-3D** עם AI.\n"}],"total":1,"limit":null,"offset":0,"next_cursor":null}