AI Developer Tools
Sidenote
Review your rendered markdown site like a Google Doc: select a passage, comment, and an AI agent resolves it into a clean git diff. Local-first, in-browser.
Sidenote
What is Sidenote?
Sidenote is an open-source review layer for markdown websites. It allows users to select text on a rendered page, leave comments, and use an AI agent (Claude or Codex) to answer questions or patch the source markdown with a git diff.
Sidenote vs Similar AI Tools
| Pricing Model | Free | Free | Custom Pricing | Free, Paid |
| Free Credits | ||||
| Key Features |
|
|
|
|
| Pros |
|
|
|
|
| Cons |
|
|
|
|
| Best For |
|
|
|
|
How to use Sidenote?
- 1Install packages: npm install --save-dev remark-sidenote
- 2Run init: npx sidenote-cli init --agent claude
- 3Run dev: npx sidenote-cli dev
- 4On your site, select a passage and comment
- 5Use 'Ask' to get an answer or 'Resolve' to generate a diff
- 6Accept or reject the diff
Sidenote Key Features
- Select and comment on any block of rendered page
- Ask questions about passages, get AI answers inline
- Resolve comments into real edits with inline git diff
- Reject or accept patches with drift guard
- Live activity streaming during agent work
Sidenote Use Cases
- Reviewing blog posts in local dev server
- Collaborative editing of documentation with AI assist
- Local-first content editing without leaving the browser
Sidenote Pricing & Free Credits
Sidenote currently operates on a Free model.
This tool is completely free to use
Sidenote Pros & Cons
Pros
- Local-first, no data leaves the browser
- Integrates with existing markdown workflows
- Uses Claude or Codex for AI-powered edits
- Generates clean git diffs for easy review
Cons
- Requires Node.js 18 or newer
- Only works with markdown sites using remark
- AI agent must be installed separately on PATH
What is Sidenote best for?
- Developers writing markdown blogs
- Teams wanting to review and edit markdown content collaboratively