סיוע ב-AI לעיצוב

Matthias Rohmer
Matthias Rohmer

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

פתיחת החלונית 'עזרה מ-AI'

החלונית AI assistance נפתחת במסנן.

חלונית הסיוע מבוסס-AI נפתחה במצב ברירת המחדל שלה.

מחלונית הרכיבים

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

תפריט ההקשר של האלמנט עם האפשרות 'שאל את AI' מודגשת.

כשפותחים את הסיוע של AI כך, רכיב ה-DOM שנבדק כבר נבחר מראש כאלמנט ההקשר של השיחה.

לחלופין, לוחצים על הלחצן הצף שמצורף לצומת DOM שמוצג מעליהם.

הלחצן הצף שמחובר לצומת DOM.

מתפריט הפקודות

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

תפריט הפקודות הפתוח עם ההדגשה של 'הצגת סיוע מבוסס-AI'.

בתפריט 'כלים נוספים'

לחלופין, בפינה השמאלית העליונה, בוחרים באפשרות אפשרויות נוספות > כלים נוספים > עזרה מ-AI.

תפריט הכלים הנוספים שנפתח.

ההקשר של השיחה

צ'אטים עם עזרה מ-AI תמיד קשורים לרכיב שנבדק כרגע, שהוא הרכיב האחרון שנבחר בעץ ה-DOM בחלונית הרכיבים. הפניה לרכיב הזה מוצגת בפינה הימנית התחתונה של החלונית.

חלונית העזרה של ה-AI עם רכיב ההקשר מודגש.

כדי לשנות את ההקשר, לוחצים על לחצן הבורר של הרכיבים לצד הרכיב הנוכחי, או בוחרים באפשרות מתוך העץ של DOM בחלונית הרכיבים.

הרכיב שנבדק כרגע הוא הבסיס של השיחה, אבל לעזרה מ-AI יש גישה לכל ממשקי ה-Web API כדי לאסוף מידע נוסף מהדף שנבדק. זה כולל שליחת שאילתות לרכיבים אחרים באמצעות document.querySelector או הערכה של סגנונות מחושבים.

הנחיות

כשמתחילים שיחה חדשה, הסיוע של ה-AI לעיצוב מציע הנחיות לדוגמה שיעזרו לכם להתחיל במהירות.

חלונית הסיוע מבוסס-AI עם ההנחיות לדוגמה מודגשות.

לוחצים על אחת מההנחיות כדי למלא מראש את שדה ההנחיה להזנת קלט שבתחתית החלונית.

לחלופין, מקלידים הנחיה או שאלה משלכם בשדה הקלט.

כדי לשלוח הנחיה, מקישים על Enter או לוחצים על החץ בצד שמאל של שדה הקלט.

תהליך השיחה

שליחת הנחיה מתחילה את השיחה עם נציג העיצוב. כדי לקבל את המידע הנדרש כדי לענות בצורה הטובה ביותר להנחיה, הסוכן יוצר ומריץ JavaScript שמפעיל ממשקי API לאינטרנט. ההתקדמות של הנציג מוצגת לפי שלבים. סטטוס השלב הראשוני הוא Investigating….

חלונית העזרה של ה-AI אחרי התחלת השיחה.

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

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

חלונית העזרה של ה-AI עם תשובה שניתנה על ידי ה-AI.

לוחצים על אחת מההנחיות המוצעות כדי להמשיך את השיחה. לוחצים על

של שלב החקירה כדי להבין טוב יותר מה עוזרת ה-AI עשתה מאחורי הקלעים.

חלונית העזרה של ה-AI עם שלב שיחה מורחב.

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

שיחות מושהות

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

חלונית העזרה של AI עם שיחה מושהית.

כשהשיחה מושהית, בודקים את הקוד שהנציג הציע. לוחצים על Continue כדי להמשיך.

לא ניתנה תשובה

יכולות להיות סיבות שונות לכך שהסיוע של AI לא מספק תשובות.

חלונית העזרה של ה-AI עם שיחה שנדחתה.

אם לדעתכם ההנחיה היא נושא שהעוזר הדיגיטלי מבוסס ה-AI אמור להיות מסוגל לדון בו, אתם יכולים לדווח על באג.

היסטוריית השיחות

אחרי שמתחילים שיחה, כל תשובה הבאה מבוססת על האינטראקציות הקודמות שלכם עם ה-AI.

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

חלונית העזרה מבוססת-ה-AI עם אמצעי הבקרה של ההיסטוריה מודגשים.

התחלת מדידה חדשה

כדי להתחיל שיחה חדשה עם הקשר השיחה שנבחר כרגע, לוחצים על הלחצן .

המשך

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

מחיקה

כדי למחוק שיחה מההיסטוריה, לוחצים על הלחצן .

דירוג תשובות ושליחת משוב

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

לוח העזרה מבוסס-AI עם אמצעי הבקרה של הדירוג מודגשים.

הצבעה על תשובות

כדי לדרג תשובה, לוחצים על הלחצנים לייק ו- דיסלייק שמתחת לתשובה.

דיווח על תשובות

כדי לדווח על תוכן בלתי הולם, לוחצים על הלחצן לצד לחצני ההצבעה.