แนบรูปภาพไปกับคำค้นหาเพื่อให้ Agent เข้าใจสถาปัตยกรรมของแอปได้ดียิ่งขึ้นและเร่งกระบวนการพัฒนา UI
หากต้องการแนบรูปภาพกับพรอมต์ ให้คลิกเพิ่มบริบท > สื่อ
แล้วอัปโหลดรูปภาพ
ตัวอย่างวิธีที่ Agent สามารถช่วยคุณจัดการรูปภาพได้มีดังนี้
หากคุณมีม็อกอัปของ UI ที่ต้องการ ตัวแทนจะให้โค้ดที่สร้าง UI ดังกล่าวได้ ตัวอย่างเช่น หากคุณให้ภาพหน้าจอของแอป Now in Android แก่ Agent ระบบจะให้โค้ด Compose เพื่อสร้างแอปดังกล่าวได้ ตัวอย่างนี้แสดงภาพหน้าจอของฟีดของแอป (ซ้าย) และโค้ด Jetpack Compose ที่ Agent สร้างขึ้น (ขวา) สำหรับ UI นั้น ดูข้อมูลเพิ่มเติมได้ที่สร้าง UI ด้วยไฟล์แนบรูปภาพ
Agent สร้างโค้ด Jetpack Compose จากภาพหน้าจอ UI ของแอป Now in Android หากต้องการทราบวิธีสร้างแอป Agent จะอธิบายวิธีการทำงานของ UI ในแง่ของส่วนประกอบต่างๆ ได้ เช่น คุณสามารถขอให้ Agent อธิบาย Composable และโฟลว์ข้อมูลเบื้องหลังภาพหน้าจอ Now in Android อีกภาพหนึ่งได้ รูปภาพด้านซ้ายแสดงหน้าจอรายละเอียดที่มีรายการข่าว และรูปภาพด้านขวาแสดงคำอธิบายของ Agent เกี่ยวกับโครงสร้าง Compose และโฟลว์ข้อมูลสำหรับหน้าจอนั้น
ตัวแทนจะอธิบายองค์ประกอบ UI และโฟลว์ข้อมูลของหน้าจอแอปที่เฉพาะเจาะจง หากคุณมีแผนภาพสถาปัตยกรรมแอป Agent จะแนะนำโค้ดเพื่อสร้างแอปตามแผนภาพได้ โดยทำหน้าที่เป็นผู้ช่วยด้านการพัฒนาแบบฟูลสแตก นอกจากนี้ Agent ยังช่วยจัดทำเอกสารแผนภาพและอธิบายโครงสร้างของแอปได้ด้วย ซึ่งจะช่วยในการเขียนเอกสารการออกแบบเพื่อให้เพื่อนร่วมทีมตรวจสอบ ตัวอย่างเช่น รูปภาพต่อไปนี้แสดงแผนภาพสถาปัตยกรรมแบบง่ายที่แสดงการไหลของข้อมูลระหว่างคอมโพเนนต์ต่างๆ ของแอป เช่น UI, ViewModel, Repository และแหล่งข้อมูล
Agent สามารถสร้างโค้ดและเอกสารประกอบจากแผนภาพสถาปัตยกรรมของแอปได้ หากคุณสังเกตเห็นข้อบกพร่องของ UI ให้ถ่ายภาพหน้าจอและขอให้ Agent ช่วยระดมความคิดเพื่อหาวิธีแก้ไข คุณช่วยระบุสิ่งที่ผิดพลาดได้โดยวงกลมบริเวณที่มีข้อผิดพลาด ตัวอย่างต่อไปนี้แสดงภาพหน้าจอของแอปบนอุปกรณ์เคลื่อนที่ที่มีวงกลมสีแดงไฮไลต์องค์ประกอบ UI ที่ไม่ตรงแนว
ตัวแทนสามารถช่วยระดมความคิดเกี่ยวกับโซลูชันสำหรับข้อบกพร่องของ UI จากภาพหน้าจอได้