- A minimal server/client application implementation utilizing the Model Context Protocol (MCP) and Azure OpenAI. 1. The MCP server is built with FastMCP. 2. Playwright is an an open source, end to end testing framework by Microsoft for testing your modern web applications. 3. The MCP response about tools will be converted to the OpenAI function calling format. 4. The bridge that converts the MCP
Add this skill
npx mdskills install kimtth/mcp-aoai-web-browsingIntegrates Azure OpenAI with Playwright-based MCP server for web automation
A minimal server/client application implementation utilizing the Model Context Protocol (MCP) and Azure OpenAI.
FastMCP.Playwright is an an open source, end to end testing framework by Microsoft for testing your modern web applications.MCP-LLM Bridge implementation.Model Context Protocol (MCP) MCP (Model Context Protocol) is an open protocol that enables secure, controlled interactions between AI applications and local or remote resources.
During the development phase in December 2024, the Python project should be initiated with 'uv'. Other dependency management libraries, such as 'pip' and 'poetry', are not yet fully supported by the MCP CLI.
Rename .env.template to .env, then fill in the values in .env for Azure OpenAI:
AZURE_OPEN_AI_ENDPOINT=
AZURE_OPEN_AI_API_KEY=
AZURE_OPEN_AI_DEPLOYMENT_MODEL=
AZURE_OPEN_AI_API_VERSION=
Install uv for python library management
pip install uv
uv sync
Execute python chatgui.py

stdio is a transport layer (raw data flow), while JSON-RPC is an application protocol (structured communication). They are distinct but often used interchangeably, e.g., "JSON-RPC over stdio" in protocols.
@self.mcp.tool()
async def playwright_navigate(url: str, timeout=30000, wait_until="load"):
"""Navigate to a URL.""" -> This comment provides a description, which may be used in a mechanism similar to function calling in LLMs.
# Output
Tool(name='playwright_navigate', description='Navigate to a URL.', inputSchema={'properties': {'url': {'title': 'Url', 'type': 'string'}, 'timeout': {'default': 30000, 'title': 'timeout', 'type': 'string'}
uv run: Run a script.
uv venv: Create a new virtual environment. By default, '.venv'.
uv add: Add a dependency to a script
uv remove: Remove a dependency from a script
uv sync: Sync (Install) the project's dependencies with the environment.
taskkill /IM python.exe /F
Install via CLI
npx mdskills install kimtth/mcp-aoai-web-browsingOutput is a free, open-source AI agent skill. - A minimal server/client application implementation utilizing the Model Context Protocol (MCP) and Azure OpenAI. 1. The MCP server is built with FastMCP. 2. Playwright is an an open source, end to end testing framework by Microsoft for testing your modern web applications. 3. The MCP response about tools will be converted to the OpenAI function calling format. 4. The bridge that converts the MCP
Install Output with a single command:
npx mdskills install kimtth/mcp-aoai-web-browsingThis downloads the skill files into your project and your AI agent picks them up automatically.
Output works with Claude Code, Claude Desktop, Cursor, Vscode Copilot, Windsurf, Continue Dev, Gemini Cli, Amp, Roo Code, Goose. Skills use the open SKILL.md format which is compatible with any AI coding agent that reads markdown instructions.