在使用 AI 编程工具开发前端应用，当预览出现报错时，想让 AI 帮忙分析，需要把报错位置的详细信息发给它，挺麻烦的。

现在，可以装一下 Pointer 这个开源的 MCP 服务器，它能让 AI 助手拥有能 “看见” 网页元素的能力，提升我们与 AI 沟通的开发效率。

通过快捷键选中页面上任意元素，然后自动获取到元素的完整信息，包括 CSS 属性、HTML 结构、React 组件名等详细数据。

https://github.com/etsd-tech/mcp-pointer

需要搭配一个浏览器插件使用，通过 WebSocket 实现浏览器与 AI 工具之间的实时连接通信。

目前插件已上架到应用商店可直接搜索安装，然后运行一条命令配置 MCP 服务器，即可在 Claude Code 或 Cursor 上使用。

GitHub

GitHub - etsd-tech/mcp-pointer: MCP tool: let you point at DOM elements for your favorite agentic coding tool. Let AI see what…

MCP tool: let you point at DOM elements for your favorite agentic coding tool. Let AI see what you see. - etsd-tech/mcp-pointer