Hermes KanbanWebUI - WebUI bergaya papan kanban yang menambahkan AI Workflow Designer ke Hermes Agent Kanban

Saya membuat Hermes KanbanWebUI karena ingin membuat fitur Kanban di Hermes Agent lebih mudah dilihat di browser dan lebih sederhana digunakan.

Hermes Agent memiliki fitur Kanban untuk mengelola task dengan status seperti triage, todo, ready, running, blocked, dan done, tetapi alur penggunaan dasarnya berpusat pada CLI. Saya ingin melihat status dan dependensi banyak task sekaligus, jadi saya membungkus fitur ini dengan UX papan kanban seperti Trello.

Proyek ini tidak membuat sistem task terpisah yang baru, melainkan langsung membaca dan menulis SQLite DB hermes_cli.kanban_db yang sudah digunakan Hermes Agent. Karena itu, task yang dilihat di CLI/dasbor dan task yang dilihat di WebUI adalah data yang sama.

Fitur utamanya adalah sebagai berikut.

• Melihat task Hermes Kanban dalam papan bergaya Trello
• Membuat task, mengubah status, menetapkan profile agent penanggung jawab
• Menampilkan status Hermes Kanban seperti running, blocked, done
• Memvisualisasikan dependensi parent-child dengan garis
• Memeriksa progres, run, log, dan event dari task yang sedang berjalan
• Mendukung perpindahan beberapa board, pencarian, filter, dan bulk create

Tambahan yang diimplementasikan di luar Hermes Kanban yang sudah ada adalah AI Workflow Designer.

Jika tujuan atau kebutuhan dimasukkan sebagai prompt, AI akan memecah pekerjaan menjadi task bertahap dan membuat draf DAG yang memiliki dependensi antartask. Hermes Agent profile yang sesuai dengan karakter tiap task juga akan ditetapkan bersama.

Misalnya, jika dimasukkan permintaan seperti “tolong rancang fitur ini, implementasikan, QA, dan dokumentasikan”, sistem akan membaginya menjadi task perencanaan/pengembangan/QA/dokumentasi, menetapkan tiap task ke agent profile yang sesuai, lalu membuat hubungan pekerjaan pendahulu yang diperlukan.

Workflow yang dihasilkan tidak langsung diterapkan, melainkan terlebih dahulu ditampilkan sebagai draf. Setelah isinya diperiksa dan diedit, lalu diterapkan, workflow tersebut akan dibuat sebagai task dan dependensi Hermes Kanban yang sebenarnya.