Annotate a live website and send it to your developer.
Marked-up screenshots lose the one thing a developer needs: which element you meant. Pinning the live page keeps that link, so the note arrives attached to the exact element, at the width you were using.
Four steps
- Open the page you want to review. Use the live site or a staging URL. If the project owner has registered it, the Pincushion extension lights up there; see the docs for the details.
- Click the element and write the note. Each pin saves the page URL, element selector, screenshot and your browser viewport. Say what is wrong and what you expected, in one or two sentences.
- Share the page with your developer. The owner can invite you as a free commenter, or mint a read-only report link that anyone can open without installing anything.
- Follow the fix. The developer works from the pins. When one is resolved, the pin shows the commit, branch and PR, so you can check it on the real page.
Notes that get fixed quickly
- One issue per pin, so each can be approved and resolved separately.
- Name the symptom and the expected result: "Button wraps to two lines on mobile; keep it on one line".
- Pin the element itself rather than the page area around it.
- Check the other viewport before you finish. A fix at desktop width can still leave the phone layout broken.
If you are the developer
You can read the pins from your editor through the MCP server and work through them page by page. See what a website feedback tool needs for developers, or how to run client revision rounds.
Start free
Pincushion's free tier covers one project with unlimited manual pins and 25 AI actions a month, and every new account starts with a 14-day full-Pro trial. Commenters are always free. See pricing for the details (checked 2026-10-28).