{{vmcp_username or 'private'}}/{{ vmcp_name or 'vMCP Server' }}

Add to your client

Claude Desktop

Connect this server to Claude Desktop with one click.

Install this server using the terminal command below.

terminal

npx -y @mcp/cli@latest install {{ mcp_package or '@microsoft/playwright-mcp' }}

Add this configuration to your Claude or other MCP client settings.

JSON for Mac/Linux

{{ json_config_mac or '{\n  "mcpServers": {\n    "' + (mcp_package or '@microsoft/playwright-mcp') + '": {\n      "command": "npx",\n      "args": [\n        "-y",\n        "@mcp/cli@latest",\n        "run",\n        "' + (mcp_package or '@microsoft/playwright-mcp') + '",\n        "--url",\n        "' + (base_url or 'https://your-mcp-server.com') + '"\n      ]\n    }\n  }\n}' }}

JSON for Windows

{{ json_config_windows or '{\n  "mcpServers": {\n    "' + (mcp_package or '@microsoft/playwright-mcp') + '": {\n      "command": "npx.cmd",\n      "args": [\n        "-y",\n        "@mcp/cli@latest",\n        "run",\n        "' + (mcp_package or '@microsoft/playwright-mcp') + '",\n        "--url",\n        "' + (base_url or 'https://your-mcp-server.com') + '"\n      ]\n    }\n  }\n}' }}

JSON for WSL

{{ json_config_wsl or '{\n  "mcpServers": {\n    "' + (mcp_package or '@microsoft/playwright-mcp') + '": {\n      "command": "npx",\n      "args": [\n        "-y",\n        "@mcp/cli@latest",\n        "run",\n        "' + (mcp_package or '@microsoft/playwright-mcp') + '",\n        "--url",\n        "' + (base_url or 'https://your-mcp-server.com') + '"\n      ]\n    }\n  }\n}' }}

TypeScript code examples for connecting to this MCP server.

TypeScript Client

typescript

import { Client } from '@modelcontextprotocol/sdk/client/index.js';
import { StdioClientTransport } from '@modelcontextprotocol/sdk/client/stdio.js';

async function connectToMCPServer() {
  const transport = new StdioClientTransport({
    command: 'npx',
    args: ['-y', '@mcp/cli@latest', 'run', '{{ mcp_package or '@microsoft/playwright-mcp' }}', '--url', '{{ base_url or 'https://your-mcp-server.com' }}']
  });
  
  const client = new Client({
    name: 'my-mcp-client',
    version: '1.0.0'
  }, {
    capabilities: {}
  });
  
  await client.connect(transport);
  
  // List available tools
  const tools = await client.listTools();
  console.log('Available tools:', tools);
  
  // Call a tool
  const result = await client.callTool({
    name: 'example_tool',
    arguments: {}
  });
  
  console.log('Tool result:', result);
}

connectToMCPServer().catch(console.error);

Python code examples for connecting to this MCP server.

Python Client

python

from mcp import ClientSession
from mcp.client.streamable_http import streamablehttp_client

# Construct server URL with authentication
from urllib.parse import urlencode
base_url = "{{ base_url or 'https://your-mcp-server.com' }}"
params = {"api_key": "{{ api_key or 'your-api-key' }}"}
url = f"{base_url}?{urlencode(params)}"

async def main():
    # Connect to the server using HTTP client
    async with streamablehttp_client(url) as (read, write, _):
        async with ClientSession(read, write) as session:
            # Initialize the connection
            await session.initialize()
            
            # List available tools
            tools_result = await session.list_tools()
            print(f"Available tools: {', '.join([t.name for t in tools_result.tools])}")

if __name__ == '__main__':
    import asyncio
    asyncio.run(main())

vMCP Details

# Tools: {{ tool_count or '10' }}

# Resources: {{ resource_count or '2' }}

# Prompts: {{ prompt_count or '8' }}

Server URL: {{ request_url }}

Package: {{ mcp_package or '@vmcp/proxy-server' }}