Mirador: 에이전트를 위한 캔버스. 텍스트로 설명하는 대신 에이전트가 의도한 바를 직접 그리게 함.
트레일러 (2:33):
지난 5주 동안(약 1,200 커밋) Claude Code로 만들었음. 거의 모든 코드를 Claude Code가 작성했고, 나는 방향을 잡고 검토했음.
계속 거슬렸던 점: 에이전트가 몇 분 만에 파일 10개를 수정하면, 나는 터미널 텍스트를 읽느라 시간을 다 뺏김. 이제 내가 병목 구간이 된 거임. 그래서 Mirador는 실제 Claude Code(사용자 설정, 훅, MCP 서버, 스킬 등)를 실행하고 채팅창 옆에 캔버스 패널을 띄워 에이전트가 호출할 수 있는 도구를 제공함:
• show: 아키텍처, 시퀀스 다이어그램, 목업, 차트를 설명 대신 직접 그려줌(Mermaid, D3, three.js 내장, 오프라인 작동)
• ask: 텍스트로 "1) … 2) … 3) …" 하는 대신 시각적 미리보기가 포함된 최대 8개의 옵션을 제공하고 클릭 한 번으로 선택 가능
• tour: 변경 후 실행 순서대로 코드를 안내해주며 변경된 줄을 표시함
플러그인 시스템도 있음. 플러그인은 에이전트에게 새로운 캔버스 도구를 주거나, 채팅 옆 탭에 앱을 추가해 에이전트와 함께 작업할 수 있게 함. 앱 내 갤러리에서 탐색 및 설치가 가능하고, 깃허브 URL로 플러그인을 추가할 수도 있음. 공식 플러그인:
• review: 변경 사항을 가이드 투어 형식으로 리뷰하고, 발견된 문제를 줄에 고정하며, 승인된 내용은 깃허브 PR에 게시됨
• checklist: 캔버스 옆에 에이전트의 계획을 체크리스트로 띄워 함께 체크함
• delegate (0.8.0 신규): 작업을 로컬 모델 같은 다른 프로필에 넘겨 메인 대화를 방해하지 않고 긴 작업을 수행하게 함
• github / jira / beads: 이슈, PR, 스프린트 보드를 탭에서 확인하고 클릭 한 번으로 에이전트에게 작업 할당
• google-docs: 에이전트의 수정 사항을 구글 문서에 제안으로 반영
• neo-manuscript: LaTeX/Markdown을 실시간 PDF 미리보기와 함께 에이전트와 공동 편집
• media: 영상 프레임의 특정 지점을 표시하면 에이전트가 자르기, 크롭, 조정 수행
에이전트가 필요할 때 플러그인을 제안하고, 설치 버튼을 눌러야만 설치됨.
opencode, pi, Codex, Copilot, Antigravity도 실행 가능. 모든 데이터는 로컬에 유지됨. MIT 라이선스. macOS(Apple Silicon) 및 리눅스 지원, 윈도우는 실험적 지원.
curl -fsSL https://github.com/sodre90/mirador/releases/latest/download/install.sh | sh
• 저장소: https://github.com/sodre90/mirador • 플러그인: https://github.com/sodre90/mirador-plugins • 사이트: https://mirador.sodre90.com/
피드백 환영함
