สร้างไดอะแกรม Draw.io แก้ไขได้ด้วย AI ผ่าน Codex Skill
เบื่อไหมกับภาพหน้าจอแผนผังระบบที่แก้ไขยาก นักพัฒนาเปิดตัวเครื่องมือโอเพนซอร์สแปลงข้อความเป็นไฟล์ .drawio แก้ไขได้ทุกโหนด

ภาพประกอบจากคลังภาพสต็อก ไม่ใช่ภาพจากเหตุการณ์จริง
- เปลี่ยนจากการสร้างภาพหน้าจอหรือ PNG มาเป็นไฟล์ Draw.io ที่แก้ไขได้จริง
- พัฒนาเป็น open-source Codex Skill ชื่อ drawio-mxgraph สำหรับแปลงคำอธิบายเป็น XML
- รองรับการแก้ไขแบบเฉพาะจุดโดยไม่ต้องวาดแผนผังใหม่ทั้งหมด
- มาพร้อมระบบตรวจสอบความถูกต้องก่อนนำไปเปิดใช้งาน
ขั้นตอนการทำงานของปัญญาประดิษฐ์ในการสร้างไดอะแกรมส่วนใหญ่ มักจะจบลงด้วยไฟล์ภาพประเภท PNG หรือภาพหน้าจอ ถึงแม้ว่าภาพที่ได้จะดูสวยงาม แต่ทันทีที่มีการเปลี่ยนแปลงโครงสร้างสถาปัตยกรรม คุณจะต้องวาดใหม่ทั้งหมดหรือสั่งให้ AI สร้างภาพขึ้นมาใหม่ตั้งแต่ต้น
ด้วยเหตุนี้ นักพัฒนาจึงต้องการแนวทางใหม่ที่ต่างออกไป นั่นคือการอธิบายระบบด้วยภาษาธรรมชาติ แล้วได้รับไฟล์ Draw.io ของจริงกลับมา เพื่อให้สามารถเข้าไปแก้ไขทุกๆ โหนด ป้ายกำกับ เส้นเชื่อม กลุ่ม และไอคอนได้อย่างอิสระ
นี่คือที่มาของ drawio-mxgraph ซึ่งเป็น open-source Codex Skill ที่ทำหน้าที่แปลงคำอธิบายกระบวนการและสถาปัตยกรรมระบบ ให้กลายเป็นไฟล์ .drawio ที่ผ่านการตรวจสอบความถูกต้องและสามารถแก้ไขต่อได้ทันที โดยซอร์สโค้ดทั้งหมดถูกเก็บไว้บน GitHub ในชื่อรีโปสิทอรี drawio-mxgraph-skill

ภาพประกอบจากคลังภาพสต็อก ไม่ใช่ภาพจากเหตุการณ์จริง
การแปลงข้อความเป็นไดอะแกรมแบบเดิมมักส่งออกผลลัพธ์เป็นกราฟิกตายตัว ทำให้เสียเวลาอย่างมากเมื่อระบบซับซ้อนขึ้น การใช้ไฟล์สถาปัตยกรรมแบบเวกเตอร์อย่าง .drawio หรือ mxGraph XML ช่วยให้ทีมนักพัฒนาสามารถผสานแผนผังระบบเข้ากับกระบวนการทำงานจริง (Workflow) และควบคุมเวอร์ชันผ่าน Git ได้เหมือนกับซอร์สโค้ดทั่วไป
จุดอ่อนที่พบบ่อยในการสร้างไดอะแกรมด้วย AI คือการมองว่าทุกการแก้ไขคือการวาดใหม่ทั้งหมด ทำให้คำขอปรับแต่งเพียงเล็กน้อยกลายเป็นเรื่องยุ่งยาก เช่น การย้ายระบบออกตั๋ว (ticketing system) ไปไว้ใต้ระบบ CRM หรือการเพิ่มกลุ่มระบบสังเกตการณ์ (observability group)
ตัวเครื่องมือตัวนี้สามารถอัปเดตเฉพาะเซลล์ที่ได้รับผลกระทบเท่านั้น โดยที่ป้ายกำกับ สไตล์ ไอคอน การเชื่อมต่อ และตำแหน่งที่ปรับแต่งด้วยมือเดิมยังคงอยู่ครบถ้วน ทำให้ไดอะแกรมทำตัวเหมือนกับซอร์สโค้ดมากกว่าภาพถ่ายที่ใช้แล้วทิ้ง
รีโปสิทอรีดังกล่าวยังมีตัวอย่างที่แก้ไขได้สำหรับระบบบริการลูกค้ำอัจฉริยะที่สร้างด้วย AgentBuilder ซึ่งเชื่อมต่อองค์ประกอบต่างๆ เข้าด้วยกัน และยังสามารถปรับปรุงไฟล์เดิมทีละขั้น เช่น การขอให้เพิ่มบริการตรวจสอบการฉ้อโกง หรือสลับเลย์เอาต์เป็นแบบแนวตั้ง
พบข้อมูลผิดพลาดในบทความนี้? แจ้งปัญหาบทความนี้
ความคิดเห็น
แสดงความคิดเห็น