Click an element on your local dev site, write what should change, and your coding agent gets it — with the selector, DOM path, computed styles, React/Vue component chain, source-file hint and a…
pinpoint is an MCP project maintained in the gowtham012/pinpoint repository. The maintainer describes its purpose as “Click an element on your local dev site, write what should change, and your coding agent gets it — with the selector, DOM path, computed…”. Read the project documentation for the complete scope.
The documented npm package is pinpoint-bridge. The configuration below comes from the maintainer’s example; adapt its paths and account values to your environment.
Project documentation · Repository · Discovery listing. This profile records the public documentation checked on 2026-10-08.
Check the linked publisher documentation and your connected client's tool list. Names and availability can vary with the server version and account permissions.
| Tool | What it does |
|---|---|
| get_pending_annotations | everything pending as a markdown task list, each with its screenshot |
| list_annotations | one line per annotation |
| get_annotation | full detail + screenshot for one id or pin number |
| recheck_annotation | re-find the element in the live page and report what changed, with a fresh crop next to the original |
| resolve_annotation | mark done → the pin disappears in the browser within a second |
| wait_for_annotation | block until the developer sends the next one |
| clear_annotations | wipe everything |
{
"mcpServers": {
"pinpoint": {
"command": "npx",
"args": [
"-y",
"pinpoint-bridge",
"mcp"
]
}
}
}From the project documentation. Replace placeholders and example paths before connecting.
Read, search and edit files inside allowed directories with the Model Context Protocol reference Filesystem server.
Retrieve version-aware library documentation and code examples with Context7 MCP, using resolve-library-id and query-docs.
Use Microsoft’s Playwright MCP server to navigate pages, inspect accessibility snapshots, fill forms and capture browser screenshots.
Connect GitHub MCP to repositories, issues and pull requests with GitHub’s hosted service or a locally run server.
Use the Supabase MCP server to inspect database schemas, query project data and retrieve docs through a project-scoped connection.
Search Linear issues and projects, inspect work context and manage updates through Linear’s hosted MCP server with OAuth.