技术文档摘要

关于 Webvizio

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

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

从非技术产品反馈到几秒钟内生成无错误代码，而不是几天。了解更多关于开发者的 Webvizio 这里。

Webvizio MCP 服务器

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

Webvizio MCP 服务器 - 自动将来自网站和网络应用的反馈和错误报告转换为可操作的、富含上下文的开发任务。直接交付给您的 AI 编码工具，确保您的 AI 代理拥有解决任务所需的所有数据，以实现速度和准确性。

📋 可用工具

工具	方法	描述
get_projects	GET	获取所有可用的 Webvizio 项目
get_current_project	GET	获取当前选定项目的详细信息
set_project	POST	设置当前要使用的 Webvizio 项目
get_tasks	GET	获取分配给用户的开放任务列表
get_task_description	GET	获取任务描述
get_task_prompt	GET	获取执行任务的 AI 提示
get_task_console_logs	GET	获取任务控制台日志
get_task_network_logs	GET	获取任务网络日志
get_task_action_logs	GET	获取任务操作日志（复现步骤）
get_task_screenshot	GET	获取任务截图
close_task	POST	将 Webvizio 中的任务设置为完成状态

🛠 安装

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 中的代理模式）。
2. 粘贴一个指向 Webvizio 任务的链接。或者，您可以要求 AI 代理显示所有任务。
3. 指示 AI 代理执行所选任务。
4. AI 代理可以请求使用工具来收集更多关于任务的信息（例如，截图、控制台日志等）。批准这些请求以允许代理继续。
5. 检查代理的工作，确保任务正确完成。
6. 当任务完成后，请 AI 代理关闭任务。