MCP

🚀 Webvizio项目介绍

Webvizio Webvizio 简化了终端用户、非技术团队和开发人员之间的沟通。

我们易于使用的 浏览器扩展程序 允许你直接在网页上捕获视觉反馈和错误报告。然后，它会自动收集所有相关数据，并将其转化为可操作的、富含上下文的开发任务，供你的AI编码代理使用。

从非技术产品反馈到无错误代码，只需数秒，而非数天。点击 此处 了解更多面向开发者的Webvizio信息。

✨ 主要特性

Webvizio MCP服务器

这是一个基于TypeScript的模型上下文协议（MCP）服务器，它为Webvizio API提供安全且结构化的访问。该服务器使MCP客户端能够通过标准化接口与Webvizio项目和开发任务进行无缝交互。

Webvizio MCP服务器可自动将网站和Web应用程序的反馈与错误报告转化为可操作的、富含上下文的开发任务。这些任务会直接发送到你的AI编码工具中，确保你的AI代理拥有解决任务所需的所有数据，从而快速准确地完成任务。

📦 安装指南

1. 确保你的设备上安装了Node.js 18（或更高版本）。
2. 将MCP服务器配置代码复制到你的AI客户端配置文件的 mcpServers 部分。

   "webvizio": {
      "command": "npx",
      "args": [
         "-y",
         "@webvizio/mcp-server"
      ],
      "env": {
         "WEBVIZIO_API_KEY": "<your-api-key>"
      }
   }
   

3. 在AI设置页面 https://app.webvizio.com/profile/ai 上生成并复制MCP服务器的API密钥。
4. 将API密钥插入 WEBVIZIO_API_KEY 环境变量中。
5. 保存更改。
6. 完成。你的MCP服务器已配置完毕，可以开始工作。

💻 使用示例

基础用法

1. 打开你的集成开发环境（IDE）的聊天功能（例如，Cursor中的代理模式或Windsurf中的Cascade）。
2. 粘贴Webvizio任务的链接。或者，你也可以要求AI代理显示你的所有任务。
3. 指示AI代理执行选定的任务。
4. AI代理可能会请求使用工具来收集有关任务的更多信息（例如，屏幕截图、控制台日志等）。批准这些请求，以便代理继续执行任务。
5. 检查代理的工作，确保任务已正确完成。
6. 当任务完成后，要求AI代理关闭任务。

📚 详细文档

📋 可用工具