토큰 수준에서 LLM과 에이전트 제어하기: 토큰 시각화, 제어, 모델 검사 및 데이터 주석을 위한 대화형 도구
Steer LLMs and Agents at the Token Level: An interactive tool for token visualization & control, model inspection and data annotation.
핵심 요약
LLM의 토큰을 직접 수정하고 생성 과정을 시각화하며 에이전트 워크플로우를 제어할 수 있는 개발자용 도구 'onPanda' 소개.
- 토큰 제어 — 생성 중 토큰을 실시간으로 수정하고 대안을 선택하여 모델 출력을 정밀하게 조정함
- 워크플로우 시각화 — 트리 구조를 통해 프롬프트와 도구 호출의 분기 기록을 관리하고 검사함
- 다양한 환경 지원 — 이미지, 영상, 오디오 등 멀티모달을 지원하며 MCP 서버와 연동 가능함
- 브라우저 에이전트 — 별도 설치 없이 브라우저 내에서 직접 실행되는 에이전트 기능을 제공함

onPanda는 긱(geek), 파워 유저, 호기심 많은 사람들, 그리고 엔지니어를 위해 설계됐어. UI 자체가 깊이 있는 탐색과 효율적인 데이터 어노테이션에 최적화되어 있지.
-
핵심 루프는 간단해. 토큰 위에 마우스를 올리고 → 대안을 클릭하거나 자유롭게 수정하고 → 생성을 계속하면 돼. 추론 과정이나 툴 호출을 포함해 onPanda에 노출되는 모델 출력의 모든 부분을 수정할 수 있어.
-
프롬프트를 직접 수정하고, 툴 호출을 분기(branch)하고, 트리 구조를 사용해 분기 기록을 남길 수 있어. 덕분에 모델 검사나 프롬프트 엔지니어링 할 때 아주 유용하지.
-
이미지, 비디오, 오디오를 포함한 멀티모달을 지원해. 툴 호출을 사용하고 MCP 서버를 연결해서 실제 환경에서 작업을 수행할 수도 있어.
-
Claude Code, Codex, OpenCode 같은 유명한 하네스를 연결해서 작업을 실행해 봐. 각 툴셋, 시스템 프롬프트, 스킬, 메모리 메커니즘을 탐색하고 비교해 볼 수 있어.
-
onPanda에는 별도 설치 없이 사용자 브라우저에서 바로 돌아가는 에이전트인 browser-agent가 포함되어 있어. 브라우저를 하네스로 활용해서 자바스크립트 실행, 정보 검색, 인터페이스 상호작용, 멀티미디어 I/O, 로컬 파일 액세스, 영구 메모리 기능을 제공하지.
-
onPanda는 on-Policy Alignment Data Annotator의 약자야.
나는 2024년 9월부터 onPanda를 만들기 시작했고, 기능과 사용성을 차근차근 다듬는 데 2년이 걸렸어. 내 생각에 onPanda는 r/LocalLLaMA 커뮤니티에 아주 딱 맞는 툴인 것 같아. 피드백이나 평가 언제든 환영이야.
온라인에서 바로 써보기 (모바일 지원): https://onpanda.diyer22.com/
셀프 호스팅용 GitHub 저장소: https://github.com/on-panda/on-panda


