🎯 שאלות ותשובות — מפגש 4

React היא ספרייה לבניית ממשקי משתמש — כמו לגו לאתרים. בונים חלקים קטנים (כפתור, טבלה, טופס) ומרכיבים מהם אפליקציה שלמה. Claude Code משתמש ב-React אוטומטית כשבונים אפליקציות.

npm זה כמו "חנות אפליקציות לקוד" — כשצריכים ספרייה או כלי, npm מוריד אותו. Claude Code משתמש ב-npm אוטומטית כשמתקין פרויקט חדש. הפקודה npm install מתקינה את כל מה שצריך.

RLS הוא "שומר בכניסה" למסד הנתונים — כל משתמש רואה רק את השורות שלו. למשל, אם יש טבלת לקוחות, כל משתמש רואה רק את הלקוחות שהוא הוסיף. Supabase מנהל את זה אוטומטית.

קובץ .env מכיל "סיסמאות סודיות" שהאפליקציה צריכה — כמו מפתחות ל-Supabase. הסיסמאות נשמרות בנפרד מהקוד כדי שלא ייחשפו. Claude Code יוצר את הקובץ הזה אוטומטית.

PWA זה אתר אינטרנט שמתנהג כמו אפליקציה — אפשר "להתקין" אותו על הטלפון או המחשב, הוא עובד אופליין, ומרגיש כמו אפליקציה רגילה. ההבדל מאפליקציה רגילה: לא צריך להעלות לחנות (App Store / Google Play).

Plan Mode הוא מצב שבו Claude מתכנן את הפרויקט לפני שכותב שורת קוד אחת. במקום לקפוץ ישר לבנייה, הוא חוקר, מחליט על טכנולוגיה, ומכין תוכנית מסודרת. זה חוסך שעות של תיקונים אח"כ. מפעילים בטרמינל עם /plan, ובתוסף זה לרוב אוטומטי.

בטרמינל: כותבים /plan לפני הבקשה. בתוסף VS Code: ברוב המקרים הוא נכנס למצב תכנון אוטומטית כשמתחילים פרויקט חדש. אחרי שהתוכנית מוכנה, Claude מבקש אישור לפני שמתחיל לבנות — ככה אתם שולטים בכיוון.

שלושה שלבים: (1) אפיון — כותבים מה האפליקציה עושה, למי, ואיזה פיצ'רים. (2) CLAUDE.md — יוצרים קובץ הנחיות לפרויקט. (3) Plan Mode — מבקשים מ-Claude לתכנן ולחקור לפני שבונה. רק אחרי שמאשרים את התוכנית — מתחילים לבנות.

Skill (מיומנות) זה כמו "מתכון" — אם בניתם משהו שיצא טוב (עוגה מוצלחת), שומרים את המתכון. בפעם הבאה שצריכים משהו דומה — Claude כבר יודע איך לעשות. לא שומרים כל דבר! רק דברים שחוזרים על עצמם ושעבדו טוב.

Skills נשמרים כקבצים במחשב שלכם, בתיקייה של Claude (בנתיב כמו .claude/). אם עוברים מחשב — צריך להעביר את הקבצים. באתר claude.ai זה שמור בענן על החשבון שלכם, אבל בטרמינל ובתוסף — זה מקומי.

לא! זו טעות נפוצה. כל פרויקט הוא שונה — Skill שעבד באפליקציה אחת לא בהכרח יתאים לאחרת. אל תשתמשו ב-Skill רק כי "הוא שם". שמרו Skills רק לדברים ממש גנריים, כמו: סגנון עיצוב של toggle ספציפי, או תבנית טופס שתמיד חוזרת.

CLAUDE.md הוא קובץ הנחיות לפרויקט — כמו "מדריך למשתמש" שאתם כותבים ל-Claude. הוא נקרא בתחילת כל שיחה. Memory (/memory) הוא זיכרון שנשמר מנקודה מסוימת בשיחה — כמו "פתק דביק" שנשאר בתיקיית הפרויקט.

כי Claude לא זוכר בין שיחות! אם לא שומרים זיכרון, בפעם הבאה שפותחים את הפרויקט — הוא מתחיל מאפס. לכן: לפני שסוגרים, תמיד כותבים "שמור זיכרון מנקודה זו" כדי שישמור את הסטטוס, ההחלטות, ומה נשאר לעשות.

זה קורה כשה-Context Window (חלון ההקשר) מתמלא. שיחה ארוכה מדי גורמת ל-Claude "לשכוח" הוראות מתחילת השיחה — כולל באיזו שפה לדבר. הפתרון: לשמור זיכרון ולפתוח שיחה חדשה. ככלל, שיחות קצרות וממוקדות עובדות הכי טוב.

פותחים את Claude Code בתיקייה וכותבים: "מה הסטטוס?" — הוא קורא את CLAUDE.md ואת הזיכרון ומסכם לכם בדיוק איפה עצרתם. זה עובד מצוין אם שמרתם זיכרון לפני שסגרתם בפעם הקודמת.

שניהם Claude Code, אבל: (1) התוסף — ממשק ויזואלי נוח, רואים את הפעולות בבירור, פחות אישורים, יש מערכת סוכנים (מנהל, ארכיטקט, מתכנת). (2) טרמינל — יותר שליטה, דורש אישור לכל פעולה (אלא אם מגדירים אחרת). שניהם עובדים על אותו מנוי.

מפתיע — הטרמינל מהיר יותר! דניאל עשה השוואה: בניית דף נחיתה פשוט לקחה כ-35 דקות בטרמינל וכ-70 דקות בתוסף (Desktop). הטרמינל גם חוסך טוקנים כי הוא ישיר יותר.

אם "Open with VS Code" לא מופיע בלחיצה ימנית — זו בעיה בהגדרות. אפשר לתקן: (1) דרך הגדרות VS Code עצמו. (2) לבקש מ-Claude Code "אני רוצה שבלחיצה ימנית יופיע Open with VS Code". (3) בטרמינל: הפקודה code . פותחת את התיקייה הנוכחית ב-VS Code.

שתי אפשרויות: (1) להשתמש בפרויקט קיים — הטבלאות של ה-CRM יהיו עצמאיות לחלוטין מטבלאות קיימות, לא ישפיעו אחת על השנייה. (2) למחוק פרויקט ישן שלא משתמשים בו. חשוב: אם פותחים פרויקט שלישי — יתחילו חיובים של $25/חודש!

Claude Code עושה את זה לבד — הוא יבקש מכם שני דברים: (1) Project URL — הכתובת של הפרויקט ב-Supabase. (2) Anon Key (מפתח ציבורי) — בטוח לשתף. שניהם נמצאים ב-Settings של הפרויקט. Claude שם אותם בקובץ .env ומחבר הכל.

SQL Editor הוא המקום שבו מריצים פקודות ליצירת טבלאות במסד הנתונים. Claude Code נותן לכם קוד SQL מוכן — פשוט מעתיקים, מדביקים ב-SQL Editor, ולוחצים Run. לפעמים Claude לא יכול לעשות את זה לבד, אז הוא שולח אתכם לעשות את זה ידנית.

אפליקציה (PWA) מרגישה יותר מהירה ויותר "ילידית" מאתר רגיל. היא יכולה לעבוד אופליין, לשלוח התראות, ולהיראות כמו אפליקציה רגילה. אם בניתם עם React — הרספונסיביות כבר מובנית, אז זה עובד מצוין גם במחשב וגם בטלפון.

Claude נוטה לברירת מחדל של סגול/כחול/שחור. כדי לצאת מזה: (1) תנו לו השראה — צילומי מסך מאתרים שאהבתם, או תמונות מ-Dribbble/Behance. (2) ציינו צבעים ספציפיים: "אני רוצה זהב, ירוק כהה ובורדו". (3) השתמשו בכלי עיצוב כמו Stitch או Google Flow כדי ליצור מוקאפ ולתת ל-Claude.

Stitch הוא כלי של Claude (בתוך claude.ai) ליצירת עיצובים. עודכן לאחרונה ועכשיו מזכיר את Figma — אפשר לבנות קלפים, קומפוננטים ועיצובים ולשלוח ל-Claude Code כהשראה. גם ב-Google יש כלי דומה שנקרא Flow (labs.google).

Google Fonts (fonts.google.com) — חינמי לגמרי, עם מאות פונטים כולל עברית. בוחרים שני פונטים: אחד לכותרות ואחד לטקסט. אם רוצים פונט מיוחד/בתשלום — קונים ומורידים. Claude Code מתקין את הפונטים אוטומטית בפרויקט.

בהחלט! אפשר לשים צילומי מסך בתיקיית הפרויקט ולהגיד "תתעורר מהתמונה הזו". אפשר גם להעתיק עיצוב מ-Stitch, מ-Figma, או פשוט מאתר שאהבתם. ככל שנותנים יותר השראה ויזואלית — התוצאה יותר ייחודית ופחות "גנרית".

לא! זה מראה כמה טוקנים נצרכו בשיחה הספציפית הזו, לא עלות כספית. יש לכם מנוי קבוע ($20/חודש) — המד עוזר לנטר שאתם לא שורפים טוקנים מיותרים. שיחות קצרות וממוקדות חוסכות טוקנים.

אם ל-API יש תיעוד פומבי וקיימים Terms of Service שמאפשרים שימוש — אז כן, זה חוקי. רוב ה-APIs הגדולים (Google, OpenAI, Supabase) מיועדים לשימוש. מה שלא חוקי: לגרד (scrape) אתרים שאוסרים את זה, או להשתמש ב-API בניגוד לתנאי השימוש שלו.

בתוסף VS Code יש אפשרות voice — אבל מהניסיון זה עדיין לא חלק. זה פותח חלון נפרד ולפעמים קצת "גמלוני". הקלדה עדיין יותר מהירה ומדויקת. אבל הפיצ'ר ממשיך להשתפר.

טיפ חשוב: אל תנסו לעקוב אחרי הכל! תתמקדו בכמה כלים שעובדים לכם ותעמיקו בהם. האתר של דניאל (danielai.co.il) מתעדכן יומיום רק עם הדברים החשובים. בנוסף, קבוצת הווצאפ של הסדנה היא מקום טוב להישאר מעודכנים.

כן! בתוסף VS Code — כל השיחות נשמרות בהיסטוריה. אפשר לחזור לכל שיחה ולראות בדיוק מה נאמר, כולל הקוד שנכתב. בטרמינל — ההיסטוריה נשמרת גם כן. זה גם סוג של תיעוד לפרויקט.