项目简介

Pointa 是一个为 AI 编程助手提供视觉反馈的开发工具,由浏览器扩展和本地 MCP 服务器组成。用户可以在本地开发环境中点击任意网页元素添加注释,然后通过 MCP 协议让 AI 助手(如 Cursor、Claude Code、Windsurf)读取这些注释并自动实现更改。

主要功能

  • 可视化标注:点击网页元素即可添加注释和反馈
  • AI 集成:通过 MCP 协议与 AI 编程工具连接
  • 多页面支持:可在不同路由和页面间进行标注
  • Bug 报告:快速记录和复现网页问题
  • 灵感收集:从其他网站捕获 UI 设计和 CSS 元数据
  • 响应式捕获:支持不同视口尺寸的截图
  • 本地优先:所有数据存储在本地,无需云服务

安装步骤

  1. 安装浏览器扩展:从 Chrome 应用商店安装 Pointa 扩展
  2. 配置 AI 工具:在 AI 编程工具的配置中添加 MCP 服务器
  3. 开始使用:打开本地开发项目,点击元素添加注释,然后让 AI 助手实现更改

服务器配置

AI 客户端需要通过以下配置连接 Pointa MCP 服务器:

  • 服务器名称:pointa
  • 启动方式:使用 npx 命令自动安装和运行
  • 参数说明:无需手动安装服务器,npx 会自动处理安装和启动

基本使用方法

  1. 激活浏览器扩展,进入标注模式
  2. 点击网页上需要修改的元素
  3. 输入修改说明或反馈
  4. 在 AI 编程工具中请求实现这些标注

信息

分类

开发者工具