Gemini-UI-Generator

מה זה

אתם מעלים תמונת מסך של אתר או ממשק, והיישום מפרק אותה לשלבים מול גוגל ג'מיני. מתחת למכסה המנוע רץ המודל gemini-2.5-flash-preview-04-17, שמנתח את הוויז'ואל בכמה פניות רצופות.

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

מתאים ל

• שחזור שלד ויזואלי

  המרת צילום מסך של אתר קיים לקוד HTML בסיסי כדי להתחיל פרויקט חדש.

• העתקת סכמות צבעים

  חילוץ פלטת הצבעים והמיקומים של אלמנטים מתוך תמונה ישירות לקוד CSS.

• יצירת אב טיפוס מהיר

  בדיקה מהירה של עיצובים גרפיים מרונדרים כדפי אינטרנט רספונסיביים למובייל.

איפה זה נופל

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

איך משתמשים

נכנסים לממשק הסטרימליט בדפדפן ומעלים קובץ תמונה של הממשק. השרת רץ על מעבד בסיסי, cpu-basic, אבל עיקר העיבוד נעשה ב־API חיצוני של גוגל. התהליך כולל ארבע פניות נפרדות למודל, כך שיש להמתין למעבר בין השלבים עד לקבלת קובץ ה־HTML הסופי.

הרישיון

הפרויקט מופץ תחת רישיון apache-2.0, שמאפשר שימוש חופשי ושינוי קוד המקור. התמונות שאתם מעלים נשלחות ישירות ל־API של גוגל, ולכן כדאי להימנע מהעלאת צילומי מסך שמכילים מידע רגיש או פרטי.

• שימוש מסחרי
• שינוי הקוד
• הפצה מחדש
• שימוש בפטנטים

הרישיון המלא ב־Hugging Face ↗