AI 개발자 도구
Sidenote
렌더링된 마크다운 사이트를 구글 문서처럼 검토하세요: 구절을 선택하고 댓글을 달면 AI 에이전트가 깔끔한 git diff로 해결합니다. 로컬 우선, 브라우저 내에서.
Sidenote
Sidenote란?
Sidenote는 마크다운 웹사이트를 위한 오픈소스 리뷰 레이어입니다. 사용자는 렌더링된 페이지에서 텍스트를 선택하고 댓글을 남길 수 있으며, AI 에이전트(Claude 또는 Codex)를 사용하여 질문에 답하거나 git diff로 소스 마크다운을 패치할 수 있습니다.
Sidenote vs 유사 도구
| 가격 모델 | 무료 | 무료 | 맞춤형 요금제 | 무료, 유료 |
| 무료 크레딧 | ||||
| 주요 기능 |
|
|
|
|
| 장점 |
|
|
|
|
| 단점 |
|
|
|
|
| 추천 대상 |
|
|
|
|
Sidenote 사용 방법
- 1패키지 설치: npm install --save-dev remark-sidenote
- 2초기화 실행: npx sidenote-cli init --agent claude
- 3개발 서버 실행: npx sidenote-cli dev
- 4사이트에서 구절을 선택하고 댓글 남기기
- 5'Ask'를 사용하여 답변을 얻거나 'Resolve'를 사용하여 diff 생성
- 6diff 수락 또는 거부
Sidenote 주요 기능
- 렌더링된 페이지의 모든 블록 선택 및 댓글
- 구절에 대해 질문하고 인라인으로 AI 답변 받기
- 댓글을 인라인 git diff로 실제 편집으로 해결
- 드리프트 가드로 패치 거부 또는 수락
- 에이전트 작업 중 실시간 활동 스트리밍
Sidenote 사용 사례
- 로컬 개발 서버에서 블로그 게시물 검토
- AI 지원을 통한 문서 협업 편집
- 브라우저를 떠나지 않는 로컬 우선 콘텐츠 편집
Sidenote 가격 및 무료 크레딧
Sidenote의 가격 모델은 무료입니다.
Sidenote 장점과 단점
장점
- 로컬 우선, 데이터가 브라우저를 떠나지 않음
- 기존 마크다운 워크플로우와 통합
- Claude 또는 Codex를 사용한 AI 기반 편집
- 쉬운 검토를 위한 깔끔한 git diff 생성
단점
- Node.js 18 이상 필요
- remark를 사용하는 마크다운 사이트에서만 작동
- AI 에이전트를 PATH에 별도로 설치해야 함
Sidenote은 어떤 용도에 가장 적합한가요?
- 마크다운 블로그를 작성하는 개발자
- 협업하여 마크다운 콘텐츠를 검토하고 편집하려는 팀