Hermes KanbanWebUI - WebUI สไตล์บอร์ดคัมบังที่เพิ่ม AI Workflow Designer ให้กับ Hermes Agent Kanban

ผมอยากให้ฟีเจอร์ Kanban ของ Hermes Agent ดูง่ายในเบราว์เซอร์และใช้งานสะดวกขึ้น จึงสร้าง Hermes KanbanWebUI ขึ้นมา

Hermes Agent มีฟีเจอร์ Kanban สำหรับจัดการ task ด้วยสถานะอย่าง triage, todo, ready, running, blocked, done โดยรูปแบบการใช้งานหลักเดิมจะเน้น CLI เป็นศูนย์กลาง ผมอยากเห็นสถานะและความสัมพันธ์แบบพึ่งพากันของหลาย task ได้ในภาพเดียว จึงห่อฟีเจอร์นี้ด้วย UX แบบบอร์ดคัมบังสไตล์ Trello

โปรเจกต์นี้ไม่ได้สร้างระบบ task ใหม่แยกต่างหาก แต่จะอ่านและเขียน SQLite DB เดิมที่ Hermes Agent ใช้อยู่คือ hermes_cli.kanban_db ตามเดิม ดังนั้น task ที่เห็นใน CLI / แดชบอร์ดกับ task ที่เห็นใน WebUI จึงเป็นข้อมูลชุดเดียวกัน

ฟีเจอร์หลักมีดังนี้

• ดู Hermes Kanban task ในรูปแบบบอร์ดสไตล์ Trello
• สร้าง task, เปลี่ยนสถานะ, ระบุ agent profile ที่รับผิดชอบ
• แสดงสถานะ Hermes Kanban เช่น running, blocked, done
• แสดงภาพ parent-child dependency เป็นเส้นเชื่อม
• ตรวจสอบความคืบหน้า, run, log, event ของ task ที่กำลังทำงาน
• รองรับการสลับหลาย board, การค้นหา, การกรอง, และ bulk create

สิ่งที่เพิ่มเข้ามาจาก Hermes Kanban เดิมคือ AI Workflow Designer

เมื่อป้อนเป้าหมายหรือความต้องการเป็นพรอมป์ต์ AI จะช่วยแยกงานออกเป็น task หลายขั้นตอน และสร้างร่าง DAG ที่มี dependency ระหว่าง task ให้ พร้อมกำหนด Hermes Agent profile ที่เหมาะกับลักษณะของแต่ละ task ไปด้วย

ตัวอย่างเช่น หากใส่คำขออย่าง “ช่วยออกแบบฟีเจอร์นี้, พัฒนา, QA, และเขียนเอกสารให้หน่อย” ระบบจะแบ่งออกเป็น task ด้านวางแผน/พัฒนา/QA/เอกสาร กำหนด task แต่ละรายการให้กับ agent profile ที่เหมาะสม และสร้างความสัมพันธ์ของงานที่ต้องทำก่อนหลังให้ด้วย

workflow ที่สร้างขึ้นจะยังไม่ถูกนำไปใช้ทันที แต่จะแสดงเป็นร่างให้ดูก่อน เมื่อตรวจสอบและแก้ไขเนื้อหาแล้วจึงค่อยนำไปใช้ และจะถูกสร้างเป็น Hermes Kanban task และ dependency จริง