Qwen3-Coder-WebDev

מה זה

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

מאחורי הקלעים הממשק לא מריץ מודל מקומית על השרת, אלא שולח קריאות API לשרת חיצוני לפי הגדרות קבועות מראש. הוא משתמש ברכיבי Ant Design ובספריית modelscope studio כדי לנהל את השיחה, לשמור היסטוריה ולאפשר עריכה של פרומפט המערכת.

מתאים ל

• יצירת דפי נחיתה

  מזינים תיאור של מבנה הדף ומקבלים קוד HTML ו־Tailwind מוכן להעתקה.

• פיתוח רכיבי React

  מבקשים כפתור, טופס או תפריט ורואים את התוצאה הוויזואלית במקום.

• בדיקת פרומפטים לממשק

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

איפה זה נופל

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

איך משתמשים

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

הרישיון

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

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

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