tom
reinert

digital
product
design
Claude Annotate icon

claude annotate

a claude code plugin. a drawing toolbar overlays the page open in the playwright browser: you draw your feedback on it, hit send, and claude gets the annotated image straight into the session and makes the changes.

Claude Annotate — drawing toolbar over the frontend

why i built this

when i do design or frontend work i usually have a playwright browser running so claude can show the work and inspect it. when i wanted to give feedback, i used to have two options:

  1. describe it, which is cumbersome ("the filter button is not aligned correctly", or worse).
  2. take a screenshot, draw on it and send it back to the session.

this plugin closes the gap: i draw straight on the thing claude already sees and send it straight into the session.

view on github