แปลงการแก้ไขภาพให้เป็นคำสั่งโค้ดที่พร้อมใช้งาน AI ใน Chrome
การตรวจสอบการออกแบบ ซึ่งพัฒนาโดย Lizard Studio เป็นส่วนขยายของ Chrome ที่แปลงข้อเสนอแนะแบบภาพเกี่ยวกับการออกแบบให้เป็นคำสั่งโค้ดที่สามารถนำไปใช้ได้สำหรับตัวแทนการเขียนโค้ด AI มันช่วยให้ผู้ใช้ตรวจสอบองค์ประกอบของหน้า ใช้การปรับเปลี่ยนภาพแบบสด และทำการบันทึกภาพหน้าจอในขณะที่ดูตัวอย่างการเปลี่ยนแปลงโดยตรงในเบราว์เซอร์ เครื่องมือนี้ผลิตคำสั่งที่มีโครงสร้างและอ่านได้โดยเครื่อง และจับคู่ตัวเลือก CSS ที่เสถียรเพื่อการส่งมอบที่เชื่อถือได้มากขึ้น นักพัฒนา Frontend นักออกแบบ UI และทีมผลิตภัณฑ์ที่ใช้การเขียนโค้ดที่ช่วยโดย AI จะได้รับการทำซ้ำจากการออกแบบไปยังโค้ดที่รวดเร็วและแม่นยำมากขึ้นโดยไม่ต้องอัปโหลดไปยังคลาวด์ภายนอก.
ส่วนขยายแปลงการวิจารณ์เชิงภาพเป็นคำสั่งที่สามารถดำเนินการได้โดย AI
เครื่องมือนี้เชื่อมโยงการตรวจสอบการออกแบบและการนำไปใช้โดยการบรรจุบริบท DOM และเคล็ดลับตัวเลือกที่ตัวแทน AI สามารถดำเนินการได้ ผลลัพธ์ของมันถูกจัดรูปแบบเพื่อให้ Claude Code, Cursor หรือเอเจนต์ที่คล้ายกันได้รับคำสั่งที่ชัดเจนและอ่านได้โดยเครื่องแทนที่จะเป็นหมายเหตุแบบอิสระ วิธีการนี้ช่วยลดความคลุมเครือในการแปลจากแบบจำลองไปยังการทำเครื่องหมาย เพราะคำสั่งจะจัดเตรียมทั้งการเปลี่ยนแปลงเชิงภาพและเป้าหมาย DOM ที่แน่นอนที่ตัวแทนต้องค้นหา
สถาปัตยกรรมแบบท้องถิ่นแรกทำให้การตรวจสอบอยู่บนเครื่องของนักพัฒนา
ส่วนขยายนี้ปฏิบัติตามโมเดลท้องถิ่นแรก โดยเก็บภาพหน้าจอ หมายเหตุ และการแก้ไขไว้ในอุปกรณ์ของผู้ใช้และไม่ต้องการบัญชี การออกแบบที่ไม่มีบัญชีนี้หมายความว่าไม่มีอะไรถูกอัปโหลดไปยังแบ็คเอนด์ภายนอก ซึ่งเหมาะสำหรับทีมที่ทำงานในที่เก็บข้อมูลส่วนตัวหรืออินเทอร์เฟซที่มีการควบคุม เนื่องจากเครื่องมือนี้ทำงานภายใน Chrome บนแพลตฟอร์มเดสก์ท็อป มันจึงไม่ทำให้เกิดการประมวลผลด้านเซิร์ฟเวอร์ที่บังคับในกระบวนการตรวจสอบทั่วไป
มันรวมเข้ากับกระบวนการทำงานของ AI แต่ต้องการขั้นตอนการส่งต่อด้วยมือ
การจับตัวเลือกที่เสถียรหลีกเลี่ยงชื่อคลาสที่เปราะบางและแฮช ดังนั้นคำสั่งที่สร้างขึ้นจึงมีแนวโน้มที่จะจับคู่กับไฟล์ต้นฉบับเมื่อส่งไปยังตัวแทน AI ฟีเจอร์คัดลอกคำสั่งแบบคลิกเดียวจัดรูปแบบการเปลี่ยนแปลงสำหรับ Claude Code และ Cursor แต่กระบวนการทำงานคาดหวังให้ผู้ใช้วางคำสั่งนั้นลงในตัวแทนที่เลือกแทนที่จะใช้แพตช์ที่เก็บข้อมูลโดยอัตโนมัติ การออกแบบนั้นสนับสนุนการควบคุมที่ชัดเจนเหนือการแก้ไขอัตโนมัติที่เงียบสงบ
มีประโยชน์สำหรับการส่งมอบการออกแบบที่ช่วยโดย AI โดยมีการแลกเปลี่ยนด้วยมืออย่างตั้งใจ
เครื่องมือนี้เป็นตัวเลือกที่มีเหตุผลสำหรับนักพัฒนาส่วนหน้าและนักออกแบบ UI ที่พึ่งพาตัวแทนการเขียนโค้ด AI เพื่อแปลการแก้ไขภาพให้เป็นโค้ด เนื่องจากมันบรรจุบริบท DOM และตัวเลือกที่เสถียรลงในคำสั่งที่สามารถดำเนินการได้ การแลกเปลี่ยนหลักคือการใช้การอัปเดตจำเป็นต้องส่งมอบคำสั่งเหล่านั้นไปยังตัวแทนหรือบริการภายนอก ซึ่งเพิ่มขั้นตอนด้วยมือสำหรับทีมที่คาดหวังการอัปเดตคลังข้อมูลโดยอัตโนมัติทั้งหมด.
