By DavelRad
Visual review for AI-generated HTML. When Claude Code writes or edits an HTML file, a browser tab opens so you can click elements, leave notes, and copy them back into chat.
Visual review for AI-generated HTML in Claude Code. Click elements, leave notes, paste back into chat.
Three steps, in this order:
curl -fsSL https://raw.githubusercontent.com/DavelRad/htmlnote/main/install.sh | bash
Downloads a precompiled binary for your platform (macOS arm64/x64, Linux x64/arm64) to ~/.local/bin/htmlnote. Make sure that's on your PATH.
Inside a Claude Code chat, run each line as a separate prompt (don't paste both at once):
/plugin marketplace add https://github.com/DavelRad/htmlnote.git
/plugin install htmlnote
Inside Claude Code:
/reload-plugins
This loads the hooks immediately without restarting the app. Done.
Ask Claude to write or edit any HTML file. When Claude finishes responding:
you: "make me a landing page"
↓
Claude writes/edits HTML
↓
htmlnote tab opens automatically
↓
click elements · leave notes
↓
click Copy for chat
↓
paste into chat · send
↓
Claude applies your notes
↓
(loop)
If your prompt isn't about HTML, no tab. Only fires when Claude actually wrote or edited an .html / .htm file in the turn that just ended.
htmlnote path/to/file.html
Opens the same UI for any HTML file, outside of Claude's flow.
htmlnote --update
Pulls the latest release, verifies SHA256, swaps the binary in place. Won't downgrade.
Almost always because the plugin hooks weren't reloaded after install. Run this inside Claude Code:
/reload-plugins
Then ask Claude to write some HTML again. The tab should open when the response finishes.
If /reload-plugins doesn't help, fall back to a full app restart (Cmd+Q and relaunch).
htmlnote --stop
rm -rf ~/.htmlnote
Wipes all saved annotations and the daemon's state. Next HTML edit starts fresh.
If your platform doesn't have a prebuilt binary, or you want to hack on htmlnote:
git clone https://github.com/DavelRad/htmlnote
cd htmlnote
bash install.sh --local .
Requires Node 18+ and npm. Symlinks ~/.local/bin/htmlnote to the local build.
.html and .htm files127.0.0.1 only, zero telemetrysandbox="allow-scripts", no access to your host page or cookiesModifies files
Hook triggers on file write and edit operations
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
No model invocation
No model invocation
Executes directly as bash, bypassing the AI model
Executes directly as bash, bypassing the AI model
Runs pre-commands
Contains inline bash commands via ! syntax
Runs pre-commands
Contains inline bash commands via ! syntax
npx claudepluginhub davelrad/htmlnote --plugin htmlnoteMemory compression system for Claude Code - persist context across sessions
Multi-model consensus engine integrating OpenAI Codex CLI, Gemini CLI, and Claude CLI for collaborative code review and problem-solving.
Editorial "Web Designer" bundle for Claude Code from Antigravity Awesome Skills.
Complete collection of battle-tested Claude Code configs from an Anthropic hackathon winner - agents, skills, hooks, and rules evolved over 10+ months of intensive daily use