Open WebUI에서 로컬 LLM에 ChatGPT 스타일의 시각적 응답(지도, 사진, 차트 등)을 제공하는 Frontier UI를 만들었습니다.
I built Frontier UI to give local LLMs ChatGPT-style visual responses in Open WebUI (maps, photos, interactive charts, Office exports, etc.)
핵심 요약
Open WebUI에서 로컬 LLM의 응답을 지도, 차트, 파일 내보내기 등 대화형 시각 자료로 변환해주는 Frontier UI를 개발했습니다.
- 시각적 응답 — 텍스트 위주의 응답을 지도, 사진, 차트 등 대화형 요소로 변환함
- 다양한 기능 — 경로 탐색, 실시간 데이터, 문서 내보내기 등 폭넓은 통합 지원
- 간편한 설치 — 파이썬 파일 하나로 Open WebUI의 도구 섹션에 즉시 적용 가능
- 오픈 소스 — MIT 라이선스로 배포되어 자유로운 수정 및 활용 가능
한동안 Open WebUI로 로컬 LLM을 돌려봤는데, ChatGPT의 최신 시각적 응답 기능 같은 게 있으면 좋겠다는 생각을 항상 했거든.
오해하지 마, 마크다운도 나쁘진 않은데 가끔은 그냥 텍스트 덩어리 말고 좀 더 직관적인 게 필요할 때가 있잖아. 여행 계획을 짜거나, 제품 비교를 하거나, 금융 데이터를 뽑을 때 결과물이랑 직접 상호작용할 수 있으면 훨씬 편하니까.
그래서 내가 Frontier UI를 만들었어. Open WebUI를 위한 무료 오픈소스 툴인데, 딱 내가 원하던 기능을 해주는 놈이야.
예를 들어, 로컬 모델한테 칸쿤 7일 여행 계획이랑 예산을 짜달라고 하면, 그냥 줄글로 된 긴 답변 대신 사진, 지도, 일자별 도보/차량 경로, 예산 슬라이더, 날씨 예보 같은 게 포함된 인터랙티브한 일정표가 바로 채팅창에 뜨는 식이지.
여행 계획 말고도 할 수 있는 게 꽤 많아.
내가 추가한 기능들은 대충 이래:
-
지도 및 경로: 단순히 좌표만 찍어주는 게 아니라 실제 거리 수준의 도보/차량 경로를 보여줘. 다일 일정 지원은 물론이고 구글 맵으로 바로 열 수도 있어.
-
사진 및 장소: 위키피디아랑 SearXNG를 활용한 이미지 갤러리, 그리고 정렬이랑 필터링이 가능한 장소 카드 기능도 있어.
-
실시간 데이터: API 키 없이도 날씨 예보, 주식, 암호화폐, 환율 차트를 바로 볼 수 있어.
-
인터랙티브 요소: 예산 슬라이더, 계산기, 정렬 가능한 표, 차트, 비교 도구 같은 것들이지.
-
링크 미리보기: 스크린샷이랑 읽기 모드가 포함된 웹사이트 미리보기 기능이야.
-
파일 내보내기: 오픈소스 ArtCraft 앱을 통해서 Word, Excel, PowerPoint, PDF 파일을 직접 생성할 수 있어. 그냥 문서 흉내만 내는 텍스트가 아니라 진짜 파일로 뽑아준다고.
-
기타 연동: Gmail 초안 작성, 캘린더 이벤트 등록, Open WebUI Notes에 응답 저장 같은 기능들도 있어.
개인적으로 제일 맘에 드는 건 Protomaps를 써서 전 세계 지도를 직접 호스팅할 수 있다는 거야. 용량은 140GB 정도 되는데 일반 HDD에서도 잘 돌아가. 즉, 서드파티 지도 타일 제공업체에 의존할 필요가 없다는 거지. 물론 이건 완전히 선택 사항이야.
기본 툴은 파이썬 파일 하나로 되어 있어. Open WebUI의 Workspace → Tools에 붙여넣고 모델에 적용하기만 하면 끝이야. 별도의 추론 서비스나 복잡한 설정 같은 거 필요 없어.
투명하게 말하자면, 기본 설정은 지도, 경로, 날씨, 사진 같은 것들에 무료 공용 서비스를 사용해. API 키는 필요 없지만, 처음부터 완전히 오프라인으로 돌아가는 건 아니야. 직접 호스팅하는 지도나 ArtCraft 파일 내보내기, 데스크톱 연동 같은 건 추가 설정이 필요한 선택 사항들이고.
난 지금 Qwen 3.8 Flash Next로 로컬에서 돌리고 있는데, 로컬 모델이 인터랙티브한 인터페이스랑 만나니까 진짜 재밌더라. 툴 호출(tool calling)을 지원하는 다른 모델들이랑도 잘 작동할 거야.



