Claude Annotate

Claude Annotate

Draw your feedback onto your frontend and send it straight to Claude.

🧪 Work in progress, I'm still testing this as I build. Feedback welcome!

Install
You need the Playwright MCP connected:

Then install the plugin:

Use

Launch Claude Code with the channel turned on:

1. Type /annotate. Claude launches a Playwright browser with the annotation toolbar.
2. Draw your feedback and hit Send. Claude makes the changes.
3. Profit!

Keep drawing and sending as often as you like. Say "stop reviewing" when you are done.

See the full guide for the toolbar shortcuts and FAQ (including why the
--dangerously-load-development-channels flag is safe and how to skip it).

Notes

This works quite well in my local setup with an app running on localhost:3000.
Many moving parts though, so I'm curious how it works in different enviroments.

Looking forward to feedback and issues!