Pinpoint

Name: Pinpoint
Author: gowtham012

本地服务

github.com开发工具96 天前更新

代码仓库访问官网

关于 Pinpoint

Pinpoint 是本地桥接程序和 MCP 服务，可捕获对运行中浏览器应用或 iOS Simulator 元素的评论，并将选择器、DOM 路径、样式、组件链、源码提示和截图提供给编码 Agent。

主要功能

01选择浏览器或 iOS Simulator 中的元素
02为所选元素添加评论
03捕获选择器、DOM 路径和样式
04附带组件链和源码文件提示
05在反馈中提供裁剪截图

适用场景

01报告特定 UI 元素的视觉问题
02为编码 Agent 提供 UI 修改所需的上下文

MCP 相关

stdio MCP 服务连接正在运行的本地桥接程序；桥接程序不可用时，也可读取保存的备注。桥接程序和 iOS Simulator 选择器运行在 127.0.0.1。

配置

本地服务的配置在各客户端中通用，复制后粘贴到客户端的 MCP 配置文件即可。

mcp.json · 通用配置

{
  "mcpServers": {
    "gowtham012-pinpoint": {
      "command": "npx",
      "args": [
        "-y",
        "pinpoint-bridge"
      ],
      "env": {
        "PINPOINT_PORT": "<PINPOINT_PORT>"
      }
    }
  }
}

启动命令npx -y pinpoint-bridge

需要配置的环境变量

PINPOINT_PORTPort of the local Pinpoint bridge (default 7331)

本地服务需要在你的电脑上安装运行环境（如 Node.js 18+）。各客户端的配置文件位置不同，请参考客户端文档。

安装包

npmpinpoint-bridge0.7.2stdio

工具

收录的工具列表 · 更新于 1 周前

参数	类型	必填	说明
url	string	否	仅包含页面 URL 以此开头的批注

详细介绍

pinpoint-bridge

Pinpoint 背后的本地桥接程序和 MCP 服务：在运行中的应用里指向某个元素——可以是浏览器中的页面，也可以是 iOS Simulator 中的原生应用——说出需要修改的内容，你的编码 Agent（Claude Code、Cursor、Codex……）就会收到你的评论，以及选择器、DOM 路径、样式、组件链、源文件提示和裁剪后的截图。

从代码库中进行设置——setup 也会加载浏览器扩展，该扩展不包含在此程序包中：

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

MCP 客户端运行的就是此程序包：npx -y pinpoint-bridge mcp 是一个通过 stdio 与运行中的桥接程序通信的 MCP 服务；若桥接程序未运行，则会读取已保存的备注。iOS Simulator 选择器由桥接程序通过 http://127.0.0.1:7331/ios 提供。所有内容都在 127.0.0.1 上处理。

完整文档：https://github.com/gowtham012/pinpoint#readme

支持 Markdown

登录后评论