Pinpoint

What is it?

A hobby project: a Chrome extension for design QA that I designed and built solo (manually designer, then vibecoded with Claude Code). It lets a reviewer click on any element on a live webpage and pin a numbered annotation directly onto it, with a severity level (bug, nitpick, or suggestion). Developers open the same page via a shared link, see all the pins in context, and mark them as fixed. The reviewer comes back, checks the fix, and verifies. The whole feedback loop stays on the live page, no screenshots, no Notion tables, no mental mapping between "the feedback" and "the thing."

The idea came from my own frustration with how design QA typically works. Annotating original designs in Figma to show where the issue is, or screenshotting issues and annotating them loses the spatial relationship between the comment and the actual element. I wanted feedback to live where the problem is. The technical challenge was making the extension work reliably across any website: pins need to survive scrolling, SPA navigation, and resizes, and the extension's UI can't conflict with the host page's styles. Built with vanilla JS, Supabase on the backend, and published on the Chrome Web Store.