--- title: "VS Code + OmniChannels.ai: messaging tools in Copilot agent mode" description: "Add the OmniChannels.ai MCP server to VS Code so GitHub Copilot agent mode can send test WhatsApp and SMS messages, read templates and check delivery reports." canonical: "https://omnichannels.ai/integrations/vs-code/" language: "en" updated: "2026-10-10" publisher: "BroadNet Technologies" brand: "OmniChannels.ai" --- # VS Code + OmniChannels.ai: messaging tools in Copilot agent mode Canonical: https://omnichannels.ai/integrations/vs-code/ Language: en Publisher: OmniChannels.ai by BroadNet Technologies **In short:** VS Code connects to OmniChannels.ai by adding our remote MCP server, https://mcp.broadnet.me/mcp, to .vscode/mcp.json as an http server. A promptString input with password set asks for your API token and stores it securely, so no key is committed. GitHub Copilot agent mode can then send test messages, list WhatsApp templates and read delivery reports while it helps you write integration code. Connect via MCP · Connect via API & webhooks ## What you can do ### Write code that matches your templates Copilot lists your approved WhatsApp templates through MCP and writes a sender with exactly the variables each template needs. > Try asking: "List my approved WhatsApp templates, then write a C# method that sends order_update with the order number and delivery date." ### Build and test a webhook endpoint Copilot writes an endpoint for delivery statuses and inbound messages, then you trigger a test send to see real payloads arrive. > Try asking: "Write a FastAPI webhook endpoint that stores delivery statuses by message ID and accepts fields that vary by channel, then send a test SMS to 447700900123 so I can watch it arrive." ### Check a delivery before you ship After your code sends a test message, Copilot reads the delivery report so you can confirm the status your handler recorded. > Try asking: "Check the delivery report for the last message sent to 971500000000 and compare its status with what our database recorded." ### Use the spec, not memory With our OpenAPI spec in the workspace, Copilot uses the exact paths and fields, including which sends need multipart/form-data. > Try asking: "Using docs/omnichannels-openapi.yaml, write a bulk WhatsApp send helper and point out which fields are sent as multipart/form-data." ### Draft Arabic and English copy Copilot drafts message text in both languages and shows it to you before any send tool is called. > Try asking: "Draft an appointment reminder SMS in Arabic and English under one segment each and show me before sending a test to 966500000000." ## How it connects VS Code reads MCP servers from .vscode/mcp.json in your workspace. Our server is added as an http server with an Authorization header, and the token comes from an input of type promptString with password set to true, so VS Code prompts for it once and keeps it out of the file you commit. In GitHub Copilot agent mode, the tools from enabled MCP servers appear in the tools list, where you can switch each one on or off, and VS Code can ask you to confirm tool calls. Keep confirmation on for anything that sends, since each send is a real, billed message. Configuration fields change between VS Code versions, so check its MCP documentation if a field is not recognised. - File: .vscode/mcp.json, server type http, URL https://mcp.broadnet.me/mcp - Header: Authorization: Bearer ${input:omnichannels-token} - Token input: promptString with password: true - Enable only the tools this workspace needs in the tools list ## Set it up 1. **Request API access:** Request test access and receive an API token. Test sends go only to your own verified numbers. 2. **Get a temporary key:** In the admin portal open Integrations, then MCP Integration, and choose Get temporary key. (Guide: https://omnichannels.ai/developers/mcp/) 3. **Create .vscode/mcp.json:** Add an omnichannels server of type http with our URL, an Authorization header that uses ${input:omnichannels-token}, and a promptString input with password set to true. (Guide: https://omnichannels.ai/developers/mcp/) 4. **Start the server and enter the key:** Start the server from VS Code, paste your key when prompted, and check that the tools appear in Copilot agent mode. 5. **Limit the tools:** In the tools list, switch off tools this workspace does not need and keep confirmation on for every send tool. 6. **Test on your own number:** Ask Copilot to send a test message to your verified number, then read the delivery report. ## Example workflow Copilot agent mode (Calls MCP tools while helping you write code) → OmniChannels.ai MCP server (Sends, lists templates and reads reports with your token) → Your test phone (Test WhatsApp or SMS to your verified number) → Delivery report (Copilot reads the status back with a read tool) ## Questions ### Is there an OmniChannels.ai extension for VS Code? No. VS Code connects through its standard support for MCP servers in .vscode/mcp.json, using our public endpoint and your API token. Nothing needs to be installed from the extension marketplace. ### Where is my token stored? With a promptString input set to password: true, VS Code asks for the token when the server starts and stores it securely instead of writing it to mcp.json. Commit the file, never the key. ### Which Copilot mode uses the tools? MCP tools are used in Copilot's agent mode, where you choose which tools are available. Check VS Code's current documentation for your version and any organisation policies that control MCP. ### Can I use the same setup in other editors? Any client that supports Streamable HTTP and a custom Authorization header can use the same endpoint, though each stores the configuration in its own format. See the MCP server guide for Cursor and Claude Code examples. ## Developer guides - https://omnichannels.ai/developers/mcp/ - https://omnichannels.ai/developers/openapi/ - https://omnichannels.ai/developers/webhooks/ ## Vendor documentation - [Add and manage MCP servers in VS Code](https://code.visualstudio.com/docs/copilot/customization/mcp-servers) - [MCP configuration reference — VS Code](https://code.visualstudio.com/docs/copilot/reference/mcp-configuration) ## Related integrations - https://omnichannels.ai/integrations/cursor/ - https://omnichannels.ai/integrations/claude-code/ - https://omnichannels.ai/integrations/claude/ - https://omnichannels.ai/integrations/langchain/ VS Code is a trademark of its owner. OmniChannels.ai is not affiliated with or endorsed by VS Code; this page describes a connection built with VS Code's own MCP, HTTP or webhook features. Updated: 2026-10-10