MCP in Practice: Web Browsing, Protocols, and Apps
A Playwright browsing application with Azure OpenAI/OpenAI, plus focused examples of MCP v1/v2, OAuth, and interactive MCP Apps.
- Original browsing application — Azure OpenAI/OpenAI integration, setup and client connections.
- MCP v1 and v2 samples — browser tools and local OAuth flows.
- MCP Apps samples — interactive tool-response UIs built with Prefab.
1. Web browsing MCP application
A local browsing application with a Tkinter chat UI and an MCP-to-LLM bridge.
- The original server uses the standalone
fastmcppackage; Playwright controls a visible Chromium browser and keeps the current page between tool calls. - The local client_bridge implementation adapts MCP tool definitions to OpenAI Chat Completions function calling. It supports an in-process FastMCP server or an external stdio server.
- The GUI uses Azure OpenAI. Python callers can configure the bridge for standard OpenAI, but the original browser server separately initializes its own Azure client for the selector-extraction tool.






