בנו אתרים שמיועדים להעברה חלקה ל-⁠Lovable

חיים כתב את הסקיל הזה במיוחד כדי לעצב ולבנות ל-Lovable בדרך הנכונה: בשפה ש-Lovable מדבר, מקומית ובחינם, ודחיפה אחת רק בסוף - בלי לשרוף קרדיטים בדרך.

הורידו את הסקילגרסה 1 · עודכן 3.6.2026

מה הוא עושה

  1. בונה ב-React ו-Tailwind, השפה של Lovable, כדי שהסוכן של Lovable יוכל להמשיך לערוך את זה
  2. לומד קודם את הפרויקט - הצבעים, הרכיבים והמבנה - כדי שהתוצאה תיראה כמו קוד של Lovable
  3. בונה הכל אצלכם במחשב, ודוחף ל-Lovable רק בסוף
  4. מוציא שני קבצים: תצוגה מקדימה שאפשר לפתוח בדפדפן, וקומפוננטת React לדחיפה
  5. רספונסיבי מההתחלה: תמונות ולוגואים לא נמתחים ולא נמעכים
  6. עובד דרך החיבור של Lovable ל-Claude, ושואל לפני כל פעולה שעולה קרדיטים

מה מקבלים בסוף

עיצוב שאושר אצלכם עוד לפני שנגעו ב-Lovable, ודחיפה אחת בסוף - הסוכן של Lovable רק מחבר אותו לפרויקט, במקום לבנות מאפס.

על בקשה הוא מוסיף גם עורך ויזואלי: קובץ שבו משנים טקסטים, צבעים וגדלים ישר בדפדפן, ובלחיצה מקבלים פרומפט מוכן להדביק בחזרה ל-Claude.

איך מפעילים אותו

הסקיל מותקן דרך אפליקציית Claude בדסקטופ.

  1. הורידו את הקובץ

    lovable-design.skill · גרסה 1

  2. התקינו אותו מהאפליקציה

    באפליקציית Claude בדסקטופ היכנסו ל:
    Settings › Capabilities › Skills
    לחצו על Upload skill ובחרו את הקובץ שירד.

  3. ודאו שהוא דולק

    אחרי ההעלאה הסקיל מופיע ברשימה. בדקו שהמתג שלו דולק.

  4. עבדו כרגיל

    הסקיל נדלק לבד כשהבקשה מתאימה לו. למשל:
    תעצב לי דף נחיתה ותדחוף אותו ל-Lovable

מוכנים?

כשיוצאת גרסה חדשה מורידים שוב ומחליפים את הקובץ.

הורידו את הסקילגרסה 1 · עודכן 3.6.2026