$ loading_
Annotate web pages with screenshots and structured UI feedback for fixes.
Copy the install command and let the AI configure it · recommended for beginners
No copy-paste install info for "claude-annotate" yet — see the docs or source repo.
Open the target web page, select the navigation buttons and form area, and add comments for each issue: inconsistent spacing, wrong button color, and misaligned input fields. Capture full-page and cropped screenshots, then produce a structured fix list usable by Claude Code.
Structured UI feedback with element references, issue notes, screenshots, and fix suggestions for frontend updates.
Visit the new checkout page and inspect the cart, address form, and payment button step by step. Annotate any visual or interaction issues, record reproduction steps, attach screenshots, and organize the results into developer-ready feedback.
A reproducible, traceable page issue report that helps developers locate and fix defects quickly.
Compare the implemented page against the design mockup, select mismatched headings, cards, and button components, add explanatory comments with screenshots, and output a prioritized list of fix recommendations.
A prioritized implementation-vs-design issue list that supports collaboration between design and engineering.
Collect visual browser feedback and send actionable annotations to Claude Code.
Browse pages, inspect console/network logs, and crawl HTML documentation links.
Connect nb notes with Claude Code for project-based note management and search.
Automate browser actions, web interactions, screenshots, and session handling with Playwright.
Capture coding feedback and sync learned preferences into project memory files.
Provide code review, fixes, testing, and refactoring help in Claude Code.