Pinpoint
Click an element in your running app or iOS Simulator, say what should change; your agent gets it.
Install
registry version 0.7.2
npm
npx -y pinpoint-bridgenpm
npx -y pinpoint-bridge@0.7.2
Setup by client
Pick your client — the config below is generated for this server (local stdio). Copy respects the “Pin version” switch above.
claude_desktop_config.json
{
"mcpServers": {
"pinpoint": {
"command": "npx",
"args": [
"-y",
"pinpoint-bridge"
]
}
}
}{
"mcpServers": {
"pinpoint": {
"command": "npx",
"args": [
"-y",
"pinpoint-bridge@0.7.2"
]
}
}
}Format verified against the official Claude Desktop docs ↗.
terminal
claude mcp add pinpoint -- npx -y pinpoint-bridge
claude mcp add pinpoint -- npx -y pinpoint-bridge@0.7.2
Format verified against the official Claude Code docs ↗.
.cursor/mcp.json
{
"mcpServers": {
"pinpoint": {
"command": "npx",
"args": [
"-y",
"pinpoint-bridge"
]
}
}
}{
"mcpServers": {
"pinpoint": {
"command": "npx",
"args": [
"-y",
"pinpoint-bridge@0.7.2"
]
}
}
}Format verified against the official Cursor docs ↗.
.vscode/mcp.json
{
"servers": {
"pinpoint": {
"command": "npx",
"args": [
"-y",
"pinpoint-bridge"
]
}
}
}{
"servers": {
"pinpoint": {
"command": "npx",
"args": [
"-y",
"pinpoint-bridge@0.7.2"
]
}
}
}Format verified against the official VS Code docs ↗.
mcp_config.json
{
"mcpServers": {
"pinpoint": {
"command": "npx",
"args": [
"-y",
"pinpoint-bridge"
]
}
}
}{
"mcpServers": {
"pinpoint": {
"command": "npx",
"args": [
"-y",
"pinpoint-bridge@0.7.2"
]
}
}
}Format verified against the official Windsurf docs ↗.
Environment variables
Defined in the server's official registry manifest. Required secrets are shown as <YOUR_…> placeholders in the configs above.
PINPOINT_PORT— Port of the local Pinpoint bridge (default 7331)
GitHub
⭐ 4 stars · 最近更新于 37 天前 · MIT license
About this server
Pinpoint 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 cropped screenshot. No screenshot files piling up in your Downloads folder, no describing "the t…
Summary from the project README — github.com/gowtham012/PinPoint
Distributed as npm, listed under Developer Tools. Review our MCP security guide before granting access to real data.
Frequently asked questions
What does the Pinpoint MCP server do?
Pinpoint 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 cropped screenshot. No screenshot files piling up in your Downloads folder, no describing "the t
How do I install Pinpoint?
Run the install command shown above, then paste the config for your client (Claude Desktop, Claude Code, Cursor, VS Code or Windsurf) into its MCP settings and restart the client.
Is Pinpoint free to use?
The MCP server itself is free to install. The source is public on https://github.com/gowtham012/PinPoint. Any third-party service it calls may require its own API key and account.
Which clients support Pinpoint?
Any MCP-compatible client can use it, including Claude Desktop, Claude Code, Cursor, VS Code, Windsurf and custom agents.
Add this badge
Publish this server? Link back with a badge on your README or site — copy either snippet.
Markdown
[](https://mcpnav.net/server/pinpoint/)
HTML
<a href="https://mcpnav.net/server/pinpoint/"><img src="https://mcpnav.net/badge/pinpoint.svg" alt="Listed on MCPNav" height="20"></a>