MCP

🚀 Webvizio

Webvizio streamlines communication between end - users, non - technical teams, and developers, enabling quick conversion from feedback to bug - free code.

🚀 Quick Start

Webvizio is a powerful platform that simplifies the communication process among end - users, non - technical teams, and developers. With its easy - to - use browser extension, you can capture visual feedback and bug reports directly on a web page. The platform then automatically gathers all relevant data and transforms it into actionable, context - enriched development tasks for your AI coding agents. Learn more about Webvizio for developers here.

✨ Features

• Streamlines communication between different teams.
• Allows direct visual feedback and bug reporting on web pages.
• Automatically converts feedback into development tasks for AI coding agents.

📦 Installation

1. Make sure you have Node.js 18 (or a higher version) installed on your device.
2. Copy the MCP server configuration code to the mcpServers section of your AI Client configuration file.

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

3. Generate and copy the API key for the MCP server on the AI Settings page https://app.webvizio.com/profile/ai
4. Insert the API key into the WEBVIZIO_API_KEY environment variable.
5. Save the changes.
6. Done. Your MCP server is configured and ready to work.

💻 Usage Examples

Basic Usage

1. Open your IDE's chat (e.g., agent mode in Cursor or Cascade in Windsurf).
2. Paste a link to a Webvizio task. Alternatively, you can ask the AI agent to display all your tasks.
3. Instruct the AI agent to execute the selected task.
4. The AI agent can request the use of tools to gather more information on the task (e.g., screenshots, console logs, etc.). Approve these requests to allow the agent to proceed.
5. Check the agent's work to ensure the task has been completed correctly.
6. When the task is complete, ask the AI Agent to close the task.

🔧 Technical Details

Webvizio MCP Server

A TypeScript - based Model Context Protocol (MCP) server that provides secure and structured access to the Webvizio API. This server enables MCP clients to seamlessly interact with Webvizio projects and development tasks through a standardized interface. It automatically converts feedback and bug reports from websites and web apps into actionable, context - enriched developer tasks. Delivered straight to your AI coding tools, the Webvizio MCP Server ensures your AI agent has all the data it needs to solve tasks with speed and accuracy.

📚 Documentation

📋 Available Tools