מ-V1.0 ל-V2.0: חשיבה מחדש על ה-Vibe Coding Pipeline
לאחרונה תיקנתי שגיאת הקלדה קטנה בפרויקט הקוד הפתוח שלי, vibe-coding-universal. שיניתי תווית מ-v2.0 (ישן) ל-v1.0 (ישן).
השינוי הקטן הזה חשף בעיה גדולה. אפילו אני לא ידעתי מה השם של הגרסה שלי. אם אני מבולבל, גם המשתמשים שלך יילכו לאיבוד.
הגרסה הראשונה שלי הייתה פשוטה. היא השתמשה ב-7 שאלות כדי לעזור ל-AI להבין דרישות. היא ייצרה קובץ מדריך אחד עבור כלים כמו Claude Code או Cursor. זה עבד, אבל היו לכך חסרונות:
- ה-AI היה צריך לנחש צבעים, גופנים וריווחים.
- העיצוב והמשימות היו בתוך קובץ אחד בלבד.
- ה-AI הסתמך על הזיכרון שלו במקום על מערכות עיצוב (design systems) אמיתיות.
גרסה 2.0 היא לא רק עדכון. זו דרך עבודה חדשה.
V1.0 לעומת V2.0:
V1.0:
- 7 סבבים של שאלות דרישות.
- ללא חוקי עיצוב.
- קובץ מדריך אחד בלבד.
- ללא הפניות חיצוניות.
V2.0:
- 7 סבבים של דרישות + 7 סבבים של העדפות עיצוב.
- קובץ DESIGN_SPEC.md מלא עם צבעים, גופנים וחוקי פריסה (layout).
- חבילת Build Spec מלאה (PRD, Design, Architecture, Tasks).
- גישה ל-71 מערכות עיצוב של מותגים כמו Stripe, Linear ו-Apple.
- CSS tokens מדויקים לשימוש ה-AI.
רוב האנשים כותבים פרומפטים (prompts) גרועים ל-AI. הם שואלים, "איזה סגנון עיצוב אתה אוהב?". זה רחב מדי.
V2.0 משתמשת בבחירה מרובה במקום זאת. כל סבב שואל שאלה אחת עם 4 עד 6 אפשרויות.
- סבב 1: סוג הפרויקט (SaaS, Dashboard, כלי AI וכו').
- סבב 2: רפרנס ויזואלי (Stripe, Apple, Vercel וכו').
- סבב 3: אווירת צבעים (קריר, חם, ניטרלי).
לאחר 7 סבבים, המערכת שואבת design tokens מ-71 מערכות מותגים. היא מוציאה רשימת משתני CSS. זה נותן ל-AI הוראות מדויקות.
שגיאת הגרסה קרתה כי הפער בין V1.0 ל-V2.0 היה גדול מדי. ראיתי את שתיהן כגרסה ה"נוכחית".
אם הפרויקט שלך עובר שינוי משמעותי, השתמש בתוויות גרסה ברורות. המשתמשים לא יקדישו 5 דקות ללימוד המבנה שלך. הם נותנים לך 10 שניות.
לפני העדכון הב