How to Use Vibium MCP with GitHub Copilot
Wire Vibium's MCP server into GitHub Copilot in VS Code and drive a real browser from Copilot's Agent mode — Ask, Edit, and Agent modes explained.
To use Vibium with GitHub Copilot, register Vibium's built-in MCP server in VS Code, then switch Copilot Chat to Agent mode and ask it to perform a browser task. Copilot calls the Vibium MCP tools to open a real browser and act — no glue code. Vibium's MCP server is the same one used by Claude Code and Cursor, so the workflow is familiar.
What is MCP, and how does Copilot use it?
The Model Context Protocol (MCP) is an open standard that lets AI assistants call external tools. GitHub Copilot in VS Code supports MCP servers, and Vibium exposes one out of the box — so Copilot can drive a browser the same way it edits files or runs the terminal.
Ask vs Edit vs Agent mode
Copilot Chat has three modes, and only Agent mode runs tools like Vibium:
- Ask — answer questions about your code or Vibium APIs.
- Edit — propose multi-file edits you review and accept.
- Agent — autonomously plan, call tools (including the Vibium MCP server), run them, and iterate until the task is done.
Register the Vibium MCP server
VS Code reads MCP servers from an mcp.json file (workspace .vscode/mcp.json or your user profile). The general shape is:
{
"servers": {
"vibium": {
"command": "<vibium-mcp-server-command>"
}
}
}⚠️ The exact server command depends on your Vibium version. Confirm it in the official Vibium MCP docs before pasting it in.
Reload VS Code, open Copilot Chat, and confirm the vibium server appears in the tools list.
Run your first scenario with Copilot Agent
Switch Copilot Chat to Agent mode and prompt:
"Open example.com, take a screenshot, and tell me the main heading."
Copilot will call the Vibium MCP tools to launch the browser, capture the screenshot, read the page, and report back — then you can ask it to write that flow into a test file.
Next steps
Frequently asked questions
Can GitHub Copilot use Vibium?
Yes. GitHub Copilot in VS Code supports the Model Context Protocol (MCP), and Vibium ships a built-in MCP server. Once you register Vibium as an MCP server, Copilot's Agent mode can open a real browser and click, type, and screenshot through Vibium.
What are Copilot's Ask, Edit, and Agent modes?
Ask answers questions about your code, Edit makes multi-file code changes you review, and Agent mode autonomously plans and runs tools — including MCP servers like Vibium — to complete a task end to end.
Where do I configure an MCP server for Copilot?
In VS Code you add MCP servers in an mcp.json file (workspace .vscode/mcp.json or your user settings). Check the official Vibium and VS Code MCP docs for the exact server command for your Vibium version.
Vibium is created by Jason Huggins. This is an independent tutorial — see the official Vibium site and GitHub repo for canonical docs.
Related guides
Plain English to Browser Actions with Vibium MCP
Describe a web task in plain English and let an AI agent run it in a real browser through Vibium's MCP server — how it works and how to write good prompts.
2 min read→MCP & AI AgentsAgentic Web Testing with Vibium
Agentic web testing with Vibium: let an AI agent explore, drive, and verify your app in a real browser via Vibium's MCP server and auto-waiting actions.
5 min read→MCP & AI AgentsHow to Build an AI Agent That Browses the Web with Vibium
Build an AI agent that browses the web with Vibium — wire its built-in MCP server to an LLM so the agent can navigate, read, click, and screenshot live pages.
5 min read→MCP & AI AgentsHow to Debug the Vibium MCP Server
Debug the Vibium MCP server: verify it starts, test JSON-RPC by hand, list tools, fix Chrome launch and zombie-process issues, and read MCP errors.
5 min read→