mcpField
P
Pinpoint

Pinpoint

Local
github.comDeveloper Tools9Updated 6d ago
RepositoryVisit website

About Pinpoint

Pinpoint is a local bridge and MCP server that captures comments on elements in a running browser app or iOS Simulator. It gives coding agents the selected element's selectors, DOM path, styles, component chain, source hint and screenshot for UI feedback.

Key features

  1. 01Select browser or iOS Simulator elements
  2. 02Attach comments to selected elements
  3. 03Capture selectors, DOM paths and styles
  4. 04Include component chain and source-file hint
  5. 05Provide a cropped screenshot with feedback

Use cases

  1. 01Report a visual issue on a specific UI element
  2. 02Give a coding agent context for a requested UI change

MCP support

The stdio MCP server connects to the running local bridge, or reads saved notes when the bridge is unavailable. The bridge and iOS Simulator picker run on 127.0.0.1.

Configuration

Local server config is the same for every client. Copy it into your client’s MCP config file.

mcp.json · Universal config
{
  "mcpServers": {
    "gowtham012-pinpoint": {
      "command": "npx",
      "args": [
        "-y",
        "pinpoint-bridge"
      ],
      "env": {
        "PINPOINT_PORT": "<PINPOINT_PORT>"
      }
    }
  }
}
Run commandnpx -y pinpoint-bridge
Environment variables to set
PINPOINT_PORTPort of the local Pinpoint bridge (default 7331)

Local servers need a runtime on your machine (e.g. Node.js 18+). Config file locations differ by client; see your client’s docs.

Packages
npmpinpoint-bridge0.7.2

Tools

7

Saved tool list · updated 1w ago

ParameterTypeRequiredDescription
urlstringNoOnly annotations whose page URL starts with this

Details

From the project README

pinpoint-bridge

The local bridge and MCP server behind Pinpoint: point at an element in your running app — a page in your browser, or a native app in the iOS Simulator — say what should change, and your coding agent (Claude Code, Cursor, Codex…) gets your comment with the selector, DOM path, styles, component chain, source-file hint and a cropped screenshot.

Set it up from the repository — setup also loads the browser extension, which is not in this package:

git clone https://github.com/gowtham012/pinpoint
node pinpoint/bridge/cli.js setup

This package is what MCP clients run: npx -y pinpoint-bridge mcp is a stdio MCP server that talks to the running bridge, or reads the saved notes when the bridge is not running. The iOS Simulator picker is served by the bridge at http://127.0.0.1:7331/ios. Everything stays on 127.0.0.1.

Full documentation: https://github.com/gowtham012/pinpoint#readme

Comments

Markdown supported

New to MCP?

From what the protocol is to installing your first server, these answers cover most first questions.

An open protocol that defines how AI applications connect to external tools and data in a uniform way. Clients talk to the model; MCP servers provide tools, resources and prompt templates. They exchange standard messages, so one server can be reused by many clients.