Show HN: Libretto - AI browser automations를 deterministic하게 만들기
·2026.04.16 00:57
핵심 내용
브라우저 자동화의 재현성과 디버깅을 높이는 Libretto를 공개했다.
자세히 보기
Libretto는 coding agent가 실제 브라우저를 다루면서도 더 **결정적(deterministic)**이고 토큰 효율적으로 웹 통합을 만들도록 돕는 toolkit이다.
핵심 기능은 다음과 같다.
- live page inspection: 최소한의 context로 실제 페이지를 확인
- network traffic capture: 사이트 API를 역으로 파악할 수 있도록 요청을 수집
- user action recording/replay: 사람이 한 동작을 기록해 automation script로 재생
- interactive debugging: 실제 사이트에서 깨진 워크플로를 직접 추적하고 수정
Saffron Health가 의료 소프트웨어 연동을 유지하기 위해 만들었고, 같은 문제를 겪는 다른 팀에도 공개했다.
설치 흐름도 명확하다.
npm install librettonpx libretto setup으로 Chromium 다운로드, skill 설치, 기본 snapshot model 설정npx libretto status로 workspace 준비 상태 확인npx libretto ai configure <openai | anthropic | gemini | vertex>로 snapshot 분석 모델을 수동 변경
사용 사례는 크게 네 가지다.
- one-shot script generation: 예를 들어 LinkedIn에서 첫 10개 포스트를 수집하는 스크립트를 agent에게 바로 생성시키는 방식
- interactive script building: 사람이 브라우저에서 워크플로를 직접 수행하면, 이를 바탕으로 Playwright script를 재구성
- browser automation → network requests: UI 자동화 대신 직접 API 호출로 바꿔 더 빠르고 안정적으로 실행
- broken integration fix: selector 오류 같은 문제를 브라우저에서 재현하고 live page를 보며 수정
CLI도 제공한다.
open,snapshot,exec,run,resume,pages,save,close같은 명령으로 세션을 제어- 모든 명령은
--session으로 특정 세션을 지정 가능 - state는 프로젝트 루트의
.libretto/아래에 저장되고, 설정은.libretto/config.json에 유지됨
요지는 브라우저 기반 AI 자동화를 단순한 '화면 클릭'이 아니라 재현 가능하고 디버깅 가능한 작업 흐름으로 바꾸는 도구라는 점이다.
이 한국어 요약은 AI가 자동으로 만들었습니다. 원문의 주장과 맥락은 원문에서 확인해 주세요. 저작권은 원저작자에게 있습니다.