Webvizio MCP Server

The Webvizio MCP server directly connects your AI coding assistant, like Cursor or Windsurf, to your Webvizio projects. This integration allows your AI agent to access all the necessary technical data and efficiently handle development tasks in a semi-automated workflow. With this setup, all you’d need is to review the task completion and confirm its closure.

What is MCP?

The Model Context Protocol (MCP) is an open standard that lets AI systems, such as large language models (LLMs), connect with external tools and data sources. Essentially, MCP provides a universal interface that allows AI applications to access contextual information and execute functions beyond their initial training data. This enables LLMs to perform real-world actions, such as retrieving data from databases, interacting with APIs, or managing files.

In simple terms, the Webvizio MCP server enables your AI coding assistant to communicate directly with the Webvizio API. This connection gives your AI the ability to understand the context of a task and retrieve all the necessary technical information to resolve it, streamlining your entire development process.

Installation

1. Make sure you have Node.js 18 (or a higher version) installed on your device.

2. Copy the MCP server configuration code from the AI Settings page https://app.webvizio.com/profile/ai to the mcpServers section of your AI Client configuration file.

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 value into the WEBVIZIO_API_KEY environment variable.

5. Save the changes.

6. Done! The MCP server is configured and ready to work

Connecting to Cursor

Cursor IDE is an AI-powered code editor designed to boost developer productivity by integrating advanced AI features directly into the coding environment.

To configure the MCP server in Cursor, follow these steps:

1. Go to the Cursor Settings page (Cursor → Preferences → Cursor Settings)
2. Open the Tools & Integrations tab
3. Click on the + New MCP Server button
4. Paste the configuration code into the mcpServers section
5. Set the API key
6. Save the changes
7. Make sure the Webvizio MCP server is marked with a green indicator
8. If the server displays a red indicator, review the configuration and reconnect it.

Connecting to Windsurf

Windsurf AI is an AI-powered code editor designed to accelerate and enhance the software development process.

To configure the MCP server in Windsurf, follow these steps:

1. Go to the Windsurf Settings page (Windsurf → Preferences → Windsurf Settings)
2. Go to the Cascade section → Plugins (MCP Servers)
3. Click on the Manage plugins button
4. Click on the View raw config button
5. Paste the configuration code into the mcpServers section
6. Set the API key
7. Save the changes
8. Verify that the Webvizio MCP server is listed as active and that the tools list is accessible.

How it works

The Webvizio MCP Server enables quick access to essential contextual and technical details needed for efficiently completing tasks in Webvizio. Here’s how:

1. Open your IDE’s chat (e.g., agent mode in Cursor or Cascade in Windsurf).
2. Paste a link to a Webvizio task (or you can ask the AI agent to show your tasks).
3. Ask the AI agent to execute the selected task.
4. The AI agent can request the use of tools to obtain more information on the task (e.g., screenshots, console logs, etc.). Approve these requests to allow the agent to proceed.
5. Check if the task was executed correctly.
6. When the task is complete, ask the AI Agent to close the task.

Webvizio’s MCP Server Capabilities

• Get all available Webvizio projects (tool: get_projects)
• Fetch details of the currently selected Webvizio project (tool: get_current_project)
• Set the current Webvizio project to work with the project tasks (tool: set_project)
• Get the list of open tasks assigned to a user (tool: get_tasks)
• Get the task description (tool: get_task_description)
• Get an AI prompt to execute the task (tool: get_task_prompt)
• Get the task screenshot (tool: get_task_screenshot)
• Get the task console logs (tool: get_task_console_logs)
• Get the task network logs (tool: get_task_network_logs)
• Get the task action logs (Repro Steps) (tool: get_task_action_logs)
• Set task in Webvizio to Done status (tool: close_task)