Webvizio MCP

How to Install and Use Webvizio MCP

Webvizio MCP is a helpful tool that turns feedback and bug reports from websites into clear tasks for developers. This guide will show you how to set it up and use it step-by-step. It’s designed to be simple and easy to follow.

What You Need Before Installing

Before you start with Webvizio MCP, make sure you have the right tools ready. First, you need Node.js version 18 or higher installed on your computer. Node.js helps run Webvizio MCP on your device. If you don’t have it yet, you can download it from the official Node.js website.

Setting Up Webvizio MCP Server

Now let’s set up the Webvizio MCP server. This server will connect the feedback from your website to your developer tools.

Here’s what to do:

1. Open your AI client configuration file where you add MCP servers.
2. Copy this code and paste it inside the mcpServers section:

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

3. You need an API key to replace <your-api-key> in the code above. This key is what lets your AI client safely connect to Webvizio MCP.

Getting Your API Key

To get your API key:

1. Go to the Webvizio AI Settings page at https://app.webvizio.com/profile/ai.
2. Generate a new API key there.
3. Copy this key and paste it in the place of <your-api-key> in your configuration code.

Final Steps to Finish Installation

Once you have added the API key, save your changes in the configuration file. This means your Webvizio MCP server is now setup and ready to work with your AI tools.

How to Use Webvizio MCP

Using Webvizio MCP is easy once installed. Follow these steps to manage your developer tasks:

1. Open the chat feature inside your IDE’s AI assistant (like agent mode in Cursor or Cascade in Windsurf).
2. Paste a link to a Webvizio task you want to work on, or ask the AI to show all your tasks.
3. Tell the AI to start working on the chosen task.
4. The AI might ask to use special tools to get more info about the task, like screenshots or logs. Approve these requests so it can help you better.
5. When finished, check the AI’s work.
6. Ask the AI to close the task when it’s complete.

This makes it simple for developers to quickly convert feedback into real fixes, saving time and effort.

---

By following this guide, you can install and use Webvizio MCP with clear steps and easy code snippets right from the official documentation. Enjoy smoother feedback handling with Webvizio MCP!