본문으로 건너뛰기

트렌딩 - GitHub 인기 레포 & HuggingFace 모델

backnotprop/plannotator

TypeScript0 / 0

AI 에이전트 계획과 코드 Diff를 브라우저에서 주석 처리하고 피드백을 세션으로 돌려보내는 로컬 CLI 도구입니다.

TL;DR

Plannotator는 AI 코딩 에이전트의 계획, 문서, HTML 산출물, 코드 Diff를 로컬 브라우저에서 검토하는 독립 실행형 CLI 도구입니다. 각 에이전트의 Hook, Plugin, Skill과 연결해 구현 전에 계획을 승인하거나 거부하고, 줄 단위 주석과 코드 제안을 에이전트 세션으로 돌려보냅니다. GitHub·GitLab PR과 여러 로컬 버전 관리 방식을 지원하며 기본 데이터는 로컬에 보관하지만 URL 조회, AI 기능, 공유를 사용할 때는 외부 전송 경계를 확인해야 합니다. 여러 에이전트를 함께 쓰는 개발팀이나 계획 단계의 피드백을 시각화하려는 개발자에게 적합하고, 단순한 단일 에이전트 터미널 작업에는 설치 구성이 다소 클 수 있습니다.

핵심 포인트

  • Plannotator는 독립 실행형 로컬 도구이자 CLI이며 Claude Code, Codex, Copilot CLI, Gemini CLI, OpenCode, Kiro, Droid, Amp, Pi에 연결되는 AI 코딩 에이전트 리뷰 도구입니다. 에이전트가 만든 계획과 문서, HTML 산출물, 코드 변경을 브라우저에서 열고 주석과 승인 여부를 다시 에이전트 세션으로 보냅니다. 특정 프레임워크에 종속된 Library·SDK가 아니라 여러 에이전트 생태계를 연결하는 Hook·Plugin·Skill 통합 제품이라는 점이 핵심입니다.
  • 계획 검토는 에이전트의 `ExitPlanMode` 호출을 Hook이 가로채고 로컬 서버가 계획을 읽은 뒤 브라우저 리뷰 화면을 여는 방식으로 작동합니다. 사용자가 승인하면 에이전트가 계속 진행하고 거부하면 구조화된 피드백과 변경된 계획의 차이가 세션으로 돌아갑니다. 따라서 계획을 읽고 나중에 지시를 고치는 흐름보다 구현 전에 범위와 방향을 교정하는 데 적합합니다.
  • 코드 리뷰는 `/plannotator-review`로 로컬 `git diff`를 읽거나 GitHub PR·GitLab MR URL에서 변경 내용을 가져와 파일 트리와 좌우 Diff 화면으로 구성합니다. Diff의 특정 줄에 댓글과 코드 제안을 남기고 파일을 stage·unstage한 뒤 피드백이나 `LGTM`을 에이전트에게 반환할 수 있습니다. Git, GitButler, Jujutsu `jj`, Perforce `p4`, GitHub, GitLab을 함께 지원하므로 여러 코드 협업 방식에서 같은 리뷰 인터페이스를 사용할 수 있습니다.
  • 기본 데이터는 로컬에 남고 사용량 Telemetry와 Analytics를 수집하지 않지만 URL 가져오기, AI 질의, PR·MR 조회, 링크 공유에서는 선택한 외부 서비스로 내용이 이동합니다. 작은 Markdown 공유는 URL Fragment에 평문으로 저장되고 큰 Markdown과 Raw HTML은 AES-256-GCM으로 암호화한 뒤 7일 만료 Paste에 업로드되며 복호화 키는 Fragment에 남습니다. 팀 협업용 Link Sharing은 Deprecated 방향이고 Workspaces가 주된 경로이므로 장기적인 호스팅 협업이 필요하면 현재 제품 방향을 확인해야 합니다.

이미지 분석

Plannotator가 여러 문서의 목차와 본문을 한 화면에 배치하고 선택 영역에 인라인 주석을 남기는 Markdown 리뷰 화면입니다.
화면 왼쪽에는 문서 섹션 목록이 있고 중앙에는 코드와 설명이 포함된 문서가 표시되며 오른쪽에는 주석 목록이 고정됩니다. 본문을 선택하면 댓글 입력 창이 열리고 저장한 피드백이 해당 문서 위치와 연결됩니다. 계획서와 기술 문서를 구현 전에 읽고 수정 지점을 에이전트에게 전달하는 핵심 흐름과 직접 관련된 이미지입니다.
Plannotator의 좌우 코드 Diff 화면에서 변경된 줄을 선택하고 주석을 추가하는 코드 리뷰 인터페이스입니다.
왼쪽에는 파일 트리와 변경 통계가 나타나고 중앙에는 기존 코드와 새 코드가 나란히 배치됩니다. 특정 줄을 선택하면 댓글 입력 창이 열리며 오른쪽 패널에서 전체 주석을 확인할 수 있습니다. 로컬 변경이나 PR·MR을 에이전트와 함께 검토하고 피드백을 반환하는 기능을 시각적으로 확인할 수 있습니다.
Plannotator가 Markdown 원문이 아닌 렌더링된 HTML 문서를 직접 표시하고 화면 영역에 주석을 연결한 모습입니다.
중앙 화면에는 브라우저에서 렌더링된 HTML 문서와 카드형 콘텐츠가 표시되고 상단에는 선택과 Markup 도구가 배치됩니다. 사용자는 결과물의 시각적 영역을 선택해 의견을 남기고 오른쪽 패널에서 해당 주석을 관리할 수 있습니다. 에이전트가 만든 HTML Artifact를 실제 화면 형태로 검토해야 할 때 Markdown 변환만으로는 놓치기 쉬운 UI 문제를 확인하는 데 쓰입니다.
Plannotator의 공유 포털에서 문서를 업로드하고 만료 기간과 공유 이름을 설정해 리뷰 방을 만드는 화면입니다.
공유 화면은 파일 업로드, Markdown 붙여넣기, URL 입력, 데모 선택을 제공하고 이름과 만료 기간, 색상을 설정하게 합니다. 생성된 방을 팀원이 열어 문서에 주석을 남기는 비동기 협업 흐름을 위한 UI입니다. README의 Link Sharing 기능과 연결되지만 해당 기능은 Deprecated 방향이며 Workspaces가 장기적인 팀 공유 경로로 제시됩니다.

8k

STARS

590

FORKS

+204

TRENDING

0

조회수

watchers 8kopen issues 131Apache License 2.0

관련 토론

아직 관련 토론이 없습니다.

댓글

댓글을 작성하려면 로그인이 필요합니다.