paraschopra/make-pages-interactive

This is a plugin for Claude Code, the AI coding tool, that lets you leave comments directly on any HTML page and have Claude respond to those comments by editing the page in place. The intended workflow is: you open a folder of HTML files, ask Claude to make them interactive, and then view the pages in your browser where you can highlight text, click on specific elements like images or tables, or leave general page-level notes. Claude picks up each comment, edits the relevant part of the page, and the browser automatically reloads to show the result. The original motivation was working with long research reports in HTML format, full of plots, tables, and written explanations, where the author wanted to annotate specific sections without switching to a separate to-do list or note-taking tool. The same approach works for design documents, generated dashboards, documentation, or any other content that lives as HTML files. Under the hood, the tool is three small pieces: a JavaScript library that gets injected into each page to handle highlighting, clicking, and comment submission, a CSS file for the comment interface styling, and a lightweight Python server that receives comments and writes them to a local file that Claude monitors. The server is designed to shut itself down automatically when the Claude session closes or when no browser tab has been active for ten minutes, so it does not leave stray processes running. After Claude finishes editing, the page reloads automatically and displays a visual walkthrough of what changed, with each modified region highlighted. You can also strip the feedback layer out of your HTML files entirely with a single command to get clean static pages back. Installation is one git clone command into a specific folder. Updates can be triggered from within a Claude session or run manually. The project is MIT licensed.