[오픈소스] 클릭 한 번으로 에이전트에 안정적인 UI를 제공하는 브라우저 전용 도구
[Open Source] Browser-Only Tool To Give Your Agent a stable UI with 1 click, for quick testing, or just visual feeling
핵심 요약
클릭 한 번으로 OpenAI 호환 에이전트에 깔끔한 UI와 성능 지표를 제공하는 브라우저 기반 오픈소스 도구입니다.
- 브라우저 전용 UI — 별도의 호스팅 없이 브라우저에서 바로 에이전트 테스트 가능함
- 성능 지표 시각화 — 토큰 사용량, 응답 시간, 스팬 등을 사이드바에서 실시간 확인 가능함
- 간편한 디버깅 — 추론 과정과 실제 응답을 분리하여 직관적인 확인을 지원함
- 오픈소스 공개 — MIT 라이선스로 누구나 사용 및 기여 가능함
안녕 에이전트 빌더들아,
브라우저에서만 돌아가는 오픈 소스(MIT) 툴을 하나 만들었어. OpenAI 호환 에이전트를 연결하면 클릭 한 번으로 바로 UI를 붙여주는 놈이야. 나도 엄청 잘 쓰고 있는데, 커뮤니티랑 공유하고 싶어서 가져왔어.
문제점
그동안 여러 SDK로 에이전트도 만들어보고, hermes나 openclaw 에이전트도 배포해봤거든.
근데 항상 느끼는 게, 에이전트 백엔드 다 짜고 나면 바로 테스트해볼 깔끔하고 심플한 채팅 UI가 꼭 필요하더라고. 버그는 없는지, 툴 호출이 너무 느리진 않은지, 아니면 비주얼 스타일을 바꿔가면서 뭐가 더 나은지 확인해야 하니까. 근데 대충 만든 UI 붙잡고 있기도 싫고, 무거운 호스팅 서비스 쓰기도 귀찮잖아.
기존 솔루션들
-
Hermes는 대시보드랑 채팅 UI를 같이 주긴 하는데, 너무 잡다한 게 많고 좀 불안정해.
-
Langchain도 테스트 UI가 있긴 한데, 이것도 좀 불안정해서 뭐가 멈춘 건지 뭔지 알 수가 없더라.
-
터미널도 나쁘진 않은데, 추론 과정 메시지들이 너무 길게 떠서 정작 중요한 답변을 가려버려 (deepseek v4 써본 놈들은 알지?). 나도 엔지니어지만, 직관적인 게 최고잖아 :)
-
UI가 불안정한 건 둘째치고, 성능 측정 지표도 제대로 안 보여줘.
내가 만든 거
브라우저에서만 돌아가는 초경량 앱이야. OpenAI 호환 에이전트 URL만 넣으면(요즘 SDK나 하네스들은 다 지원하니까) 바로 안정적이고 깔끔한 에이전트 UI를 만들어줘. 실제 고객이 보는 거랑 거의 비슷해. 오른쪽에는 스팬(spans), 턴(turns), 소요 시간, 토큰 사용량 같은 것들을 한눈에 볼 수 있게 띄워줘.
질문 있으면 언제든 환영이야. 다들 유용하게 썼으면 좋겠다.
