webui

מה זה

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

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

מתאים ל

• המרת תמונה לקוד

  אימון מודלים להפקת קוד ממשק נקי ומופרד על בסיס צילומי מסך בודדים.

• זיהוי אלמנטים בממשק

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

• מחקר עיצוב רספונסיבי

  בדיקת יכולת המודל להתאים את אותו הרכיב בין גדלי מסך שונים.

איפה זה נופל

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

איך טוענים

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

from datasets import load_dataset

ds = load_dataset("ronantakizawa/webui")

הרישיון

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

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

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