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

Matthias Rohmer
Matthias Rohmer

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

פתיחת החלונית 'סיוע מבוסס-AI'

החלונית סיוע מבוסס-AI תיפתח בחלונית ההזזה.

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

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

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

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

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

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

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

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

כדי לפתוח את האפשרות AI help מתפריט הפקודות, מקלידים AI ואז מריצים את הפקודה Show AI הקבוצה, שלצידה מופיע התג Drawer.

תפריט הפקודות הפתוח עם ההדגשה של 'הצגת סיוע מבוסס-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 עם אמצעי הבקרה של הדירוג מודגשים.

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

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

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

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