marcellm01/pinpoint

Pinpoint is a VS Code extension that helps AI coding assistants understand exactly which part of a web page you are talking about. Normally, when something looks wrong on a page, you have to describe it in words, which spacing, which card, which class name, and hope your AI assistant guesses correctly. Pinpoint replaces that guesswork: you click on the element you mean inside VS Code's built in browser, and it captures everything an AI assistant would need to fix it. With one click, Pinpoint records the element's CSS selector and full position in the page, its size, its raw HTML, the CSS rules that apply to it directly, the CSS it inherits from parent elements, the final computed style values, any CSS variables it uses, and a screenshot of what the element actually looks like. All of this gets written into a small Markdown file inside a .pinpoint folder in your project, along with the screenshot, and a short reference to that file is copied to your clipboard automatically. You then paste that reference into whichever AI coding assistant you already use, such as GitHub Copilot Chat, Cline, Roo Code, Continue, Claude Code, or Codex CLI, and ask it to make the change you want. Because Pinpoint is a normal VS Code extension rather than a separate forked editor, it works alongside your existing setup without requiring you to switch tools. The extension is designed to work locally and privately: it makes no network requests of its own, collects no usage data, and does not require creating an account. Captured reports are automatically deleted after 24 hours so they do not build up in your project, and the .pinpoint folder is set up to be ignored by version control so these temporary files never end up in your commits. It is released under the MIT license and can be installed directly from the VS Code Marketplace, or built and installed from source using an included install script.