Figma-style visual feedback for any web app. Click an element, leave a comment, and let your team or AI agents resolve it.
Total revenue for the current period broken down by category.
Daily active users over the last 30 days with trend line.
Loading transaction data…
Add this to any page and press F2 to start reviewing.
html<script src="https://pixelnote.lambda9.de/review.js"></script>
<script>
ReviewMode.init({
server: 'https://pixelnote.lambda9.de',
secret: 'your-secret',
author: 'Lisa'
});
</script>
Elements highlight on hover. Click any element to open a comment form pinned to its CSS selector.
Each open thread shows as a numbered circle on the element. Click to read or reply.
Add <kanban-board></kanban-board> anywhere for a drag-and-drop overview of all threads.
Drop a custom element anywhere for a full overview of all review threads.
html<kanban-board
server="https://pixelnote.lambda9.de"
secret="your-secret"
author="Lisa"
></kanban-board>
Threads are grouped by status: New, Open, InProgress, Done. Change status directly from the board.
Click any thread card to read the full comment history and reply without leaving the board.
Focus on a single page or see everything at once. Toggle closed threads on or off.
One command to download the binary for your platform.
bashcurl -fsSL https://pixelnote.lambda9.de/install.sh | bash
Detects your OS and architecture automatically. Installs to ~/.local/bin by default.
Override with INSTALL_DIR=/usr/local/bin.
bash# Install skill for Claude Code (bakes in your API key)
$ pixelnote -k your-secret skill --claude
# Or for Codex
$ pixelnote -k your-secret skill --codex
Writes a skill file with your key pre-configured so the AI agent can use pixelnote immediately.
Defaults to https://pixelnote.lambda9.de. Override with -u <url> for self-hosted instances.
Process reviews from the terminal or let an AI agent handle them.
bash# Authenticate once via env var or pass -k each time
export REVIEW_API_KEY=your-secret
# See which pages have open reviews
$ pixelnote routes
/dashboard 3 threads
/settings 1 thread
# Get the next review
$ pixelnote next
#1 [New] /dashboard .revenue-chart h2
Lisa: "Title says monthly but data is quarterly"
# Fix the issue, then mark it done
$ pixelnote done 1
# Or let an AI agent poll continuously
$ pixelnote watch --interval 10
After installing the skill, invoke it directly in Claude Code or Codex:
# In Claude Code
/pixelnote fetch next review and fix it
# In Codex
/pixelnote resolve all open threads on /dashboard| Command | Description |
|---|---|
| routes | List routes with open threads |
| route <path> | Show threads for a specific route |
| next [--status] | Get oldest unprocessed thread |
| done <id...> | Mark threads as Done |
| watch [--interval] | Poll until a thread appears |
| skill [--claude|--codex] | Install AI agent skill |
| server | Start the review server |