Pi용 자체 업데이트 웹 UI 오픈소스 공개
Open-sourcing my self-updating Web UI built for Pi
핵심 요약
Pi의 세션을 시각화하고 에이전트가 직접 UI를 확장할 수 있게 해주는 웹 앱을 오픈소스로 공개함.
- 웹 UI 확장 — Pi 세션을 시각적이고 상호작용 가능한 환경으로 변환함.
- 에이전트 기반 UI — 에이전트가 실시간으로 앱의 기능을 직접 수정하고 확장함.
- 다양한 기능 — 세션 분석, 커스텀 툴, 할 일 위젯 등 유용한 도구 제공.
- 오픈소스 공개 — Linux 및 WSL 환경에서 사용 가능한 프로젝트를 공유함.
TLDR: 그냥 Pi 위에서 돌아가는 웹 앱이라고 보면 됨. 하네스 같은 게 아니라 Pi를 방해하지 않으면서, 세션을 더 인터랙티브하고 시각적으로, 그리고 무엇보다 에이전트가 확장 가능하게 만드는 데 집중했음!
그래서... 이거 꽤 오랫동안 작업해왔음! 한동안 직접 써보니까 나만 쓰기 아까워서 우리 Pi 유저들한테도 공유하려고 오픈소스로 풀기로 했다 :)
내 LLM 세션에 딱 맞는 UI가 필요했거든. 내 워크플로우에 맞춰서 변하고, 브라우저의 상호작용 기능을 써서 생동감을 불어넣고 싶었음. 차트도 보고 싶고, 툴 호출할 때 버튼도 바로바로 추가해서 (bash 명령어 복사 같은 거) 편하게 쓰고 싶었거든.
Pi의 자체 업데이트 철학이 진짜 미쳤다고 생각해서, 이 React 앱에도 똑같이 적용해봤음. 에이전트가 Pi와의 통신을 끊지 않고도 앱을 원하는 대로 바꿀 수 있게끔 에이전트 중심의 문서를 잔뜩 넣어놨음. 즉, 네 눈앞에서 실시간으로 앱이 변하는 걸 볼 수 있다는 소리임 :)
최대한 미니멀하게 만들려고 했는데, 그래도 기본적으로 깔려있는 시스템들 위에 바로 빌드할 수 있게 몇 가지 예제는 넣어놨음. 포함된 기능은 다음과 같음:
- 차트랑 툴 사용 순위가 실시간으로 업데이트되는 세션 분석기
- HTML, SVG, CSV 등을 위한 커스텀 툴 프레젠테이션
- 커스텀 툴 컨텍스트 액션 (입력/출력 복사, 즐겨 쓰는 앱으로 열기)
- 여러 워크스페이스에서 동시 세션 지원
- 할 일 위젯: 메모를 할 일로 만들고 바로 세션을 시작할 수 있음
- 프롬프트 강화기: Pi 설치 환경에서 가장 저렴한 모델을 자동으로 골라주고, 잘 정의된 시스템 프롬프트를 실행해서 네 프롬프트를 업그레이드해줌
이 예제들이 핵심은 아님. 그냥 밑바닥에 깔린 시스템이 어떻게 돌아가는지 보여주는 데모일 뿐임!
목표는 브라우저의 기본 기능이랑 Pi의 RPC 모드를 활용해서 세션 위에 새로운 상호작용 레이어를 얹는 거임.
현재는 리눅스랑 WSL에서만 쓸 수 있음. 그냥 포크하고 클론해서 Livecraft 즐기면 됨 :)
포크한 거 원본이랑 동기화하려고 애쓰지 마셈. 그럴 필요도 없고, 이제 네 거니까 핵심 코드도 마음대로 뜯어고쳐. 더 자세한 기술적 내용은 리드미 참고.
