אוסף מאורגן של כלים, פריימוורקים וספריות מודרניות לפיתוח עם AI. תוצר של גל חבקין.
תוכן מלא
# Vibe Code - כלים וספריות מודרניות לפיתוח
*(תוצר של גל חבקין)*
אוסף מקיף ומאורגן של הכלים, הפריימוורקים והספריות הכי רלוונטיים לפיתוח מודרני עם AI.
---
## 🌐 פריימוורקים לבניית אפליקציות
### Web (Full-stack)
| כלי | תיאור |
|------|--------|
| **[Next.js](https://nextjs.org/)** | פריימוורק React מתקדם עם App Router, Server Components ו-Turbopack |
| **[TanStack Start](https://tanstack.com/start/latest)** | Full-stack מבוסס TanStack Router עם SSR, Streaming ו-Server Functions |
| **[Elysia](https://elysiajs.com/)** | Web Framework ל-Bun עם End-to-end Type Safety וביצועים גבוהים |
### Mobile
| כלי | תיאור |
|------|--------|
| **[Expo](https://expo.dev/)** | פריימוורק React Native עם OTA Updates, EAS Build ו-Router מבוסס קבצים |
### Scaffolding
| כלי | תיאור |
|------|--------|
| **[Better-T Stack](https://www.better-t-stack.dev/)** | CLI מודרני ל-Scaffolding פרויקטים Full-stack TypeScript |
---
## 🤖 כלי Vibe Coding (פיתוח עם AI)
| כלי | סוג | למי מתאים |
|------|------|----------|
| **[Cursor AI](https://cursor.com/)** | AI-Native IDE | מפתחים |
| **[Claude Code](https://code.claude.com/)** | CLI Agent | מפתחים מתקדמים |
| **[V0 by Vercel](https://v0.dev/)** | UI Generator | מומחי React |
| **[Lovable](https://lovable.dev/)** | App Builder | יזמים ללא רקע טכני |
| **[Bolt.new](https://bolt.new/)** | Scaffolding | פרוטוטייפים מהירים |
---
## 📚 המשאב המלא
האתר כולל קטגוריות נוספות: בסיסי נתונים, אימות, תשלומים, UI Components, אנימציות, טסטים, DevOps ועוד.
**[לאתר המלא →](https://vibe-code-best-practices.vercel.app/)**
---
*תוצר של גל חבקין — מקור ידע מרוכז לכל מפתח שעובד עם AI*
---
## 🆕 כלים חדשים (פברואר 2026)
### 🔍 dev3000 (d3k) — דיבאגינג בזמן אמת לסוכני AI
[dev3000](https://github.com/vercel-labs/dev3000) מ-Vercel Labs — עוזר debugging שמחבר את הסוכן לשרת הפיתוח ולוכד הכל בזמן אמת:
- **לוגים של שרת ודפדפן** — כל console.log, כל שגיאה
- **בקשות רשת** — רואים requests/responses, מזהים בקשות מיותרות
- **צילומי מסך אוטומטיים** — בכל ניווט, שגיאה, או אינטראקציה
- **ציר זמן מאוחד** — הכל מסודר כרונולוגית לסוכן AI
```bash
bun install -g dev3000
d3k # הפעלה + בחירת סוכן
d3k --with-agent claude # ישר עם Claude במסך מפוצל
d3k errors # הצגת שגיאות אחרונות
d3k fix # ניתוח מעמיק של שגיאות
```
💡 **למה זה שימושי:** במקום לתאר לסוכן מה לא עובד, הוא רואה את הכל בעצמו — לוגים, שגיאות, רשת, screenshots.
---
### 📦 opensrc — קוד מקור של ספריות לסוכני AI
[opensrc](https://github.com/vercel-labs/opensrc) מ-Vercel Labs — מביא את קוד המקור של חבילות npm כדי שהסוכן יבין את המימוש, לא רק את הטיפוסים.
```bash
npm install -g opensrc
opensrc zod # מביא את קוד המקור של zod
opensrc react react-dom next # מספר חבילות בבת אחת
opensrc facebook/react # ישר מ-GitHub
opensrc list # מה כבר הורדנו
```
💡 **למה זה שימושי:** כשסוכן AI רואה רק את ה-types של ספרייה, הוא מנחש. כשהוא רואה את הקוד — הוא מבין. מיוחד בשביל חוסר תאימות, באגים, או שימוש מתקדם.
### 🎮 it-is-unreal — MCP Server ל-Unreal Engine
[it-is-unreal](https://github.com/endlessblink/it-is-unreal) מאת נועם נאומובסקי — שרת MCP עם **100 כלים** שמחבר סוכני AI (כמו Claude Code) ל-Unreal Engine.
- אוטומציה של פיתוח משחקים עם AI
- זורקים את ה-README למודל שפה והוא מטפל בשאר
- קוד פתוח, work in progress
💡 **למה זה מעניין:** הדוגמה הכי טובה לאן Vibe Coding הולך — לא רק אתרים ואפליקציות, אלא גם **משחקים ו-3D** עם AI.