# Show GN: Hermes KanbanWebUI - Hermes Agent Kanban에 AI Workflow Designer를 더한 칸반보드 스타일 WebUI

> Clean Markdown view of GeekNews topic #29268. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=29268](https://news.hada.io/topic?id=29268)
- GeekNews Markdown: [https://news.hada.io/topic/29268.md](https://news.hada.io/topic/29268.md)
- Type: show
- Author: [tjseh0091](https://news.hada.io/@tjseh0091)
- Published: 2026-05-08T03:25:56+09:00
- Updated: 2026-05-08T03:25:56+09:00
- Original source: [github.com/PriuS2](https://github.com/PriuS2/HermesKanban)
- Points: 1
- Comments: 0

## Topic Body

Hermes Agent의 Kanban 기능을 브라우저에서 보기 쉽고 사용이 간편하게 하고 싶어서 Hermes KanbanWebUI를 만들었습니다.  
  
Hermes Agent에는 task를 `triage`, `todo`, `ready`, `running`, `blocked`, `done` 같은 상태로 관리하는 Kanban 기능이 있는데, 기본 사용 흐름은 CLI 중심입니다. 저는 여러 task의 상태와 의존성을 한눈에 보고 싶어서 이 기능을 Trello 같은 칸반보드 UX로 감싸봤습니다.  
  
이 프로젝트는 별도의 task 시스템을 새로 만드는 것이 아니라, Hermes Agent가 쓰는 기존 `hermes_cli.kanban_db` SQLite DB를 그대로 읽고 씁니다. 그래서 CLI / 대시보드에서 보던 task와 WebUI에서 보는 task가 같은 데이터입니다.  
  
주요 기능은 다음과 같습니다.  
  
- Hermes Kanban task를 Trello 스타일 보드로 보기  
- task 생성, 상태 변경, 담당 agent profile 지정  
- `running`, `blocked`, `done` 등 Hermes Kanban 상태 표시  
- parent-child dependency를 선으로 시각화  
- 실행 중인 task의 진행 상황, run, log, event 확인  
- 여러 board 전환, 검색, 필터, bulk create 지원  
  
기존 Hermes Kanban에서 추가로 구현된건 AI Workflow Designer입니다.  
  
목표나 요구사항을 프롬프트로 입력하면, AI가 일을 여러 단계의 task로 쪼개고 task 간 의존성을 가진 DAG 초안을 만듭니다. 각 task 성격에 맞는 Hermes Agent profile도 같이 배정합니다.  
  
예를 들어 “이 기능을 설계하고, 구현하고, QA하고, 문서화해줘” 같은 요청을 넣으면 기획/개발/QA/문서화 task로 나누고, 각 task를 적절한 agent profile에 배정한 뒤, 선행 작업 관계까지 만들어주는 식입니다.  
  
생성된 workflow는 바로 적용되지 않고 먼저 초안으로 보여줍니다. 내용을 확인하고 수정한 뒤 적용하면 실제 Hermes Kanban task와 dependency로 생성됩니다.

## Comments



_No public comments on this page._
