A Streamlit application that provides a chat interface for interacting with MCP (Model Context Protocol) servers using mcp-use local client. This app allows you to configure Stagehand MCP server and chat with it using natural language for web automation tasks.
Tech stack:
- mcp-use to connect LLM to MCP servers
- Stagehand MCP for browser access and web automation
- Ollama for local LLM support
-
Install Dependencies:
uv sync
-
Environment Variables: Create a
.envfile with your API keys:BROWSERBASE_API_KEY=your-browserbase-api-key BROWSERBASE_PROJECT_ID=your-browserbase-project-id
-
Setup MCP Servers: Go to
mcp-config.jsonand update the paths to the MCP servers according to your system. -
Run the App:
streamlit run app.py
-
Configure MCP Servers:
- Use the sidebar to enter your MCP server configuration in JSON format
- Click "Load Example Config" to see a sample configuration
- Click "Activate Configuration" to initialize the MCP client
-
Chat with MCP Tools:
- Once configured, use the chat interface to interact with your MCP servers
- Ask questions about available tools or request specific actions
- The agent will use the appropriate MCP tools to respond
{
"mcpServers": {
"browserbase": {
"command": "npx",
"args": [
"-y",
"@browserbasehq/mcp-server-browserbase",
"--modelName",
"ollama/llama3.2:8b"
],
"env": {
"BROWSERBASE_API_KEY": "your-browserbase-api-key",
"BROWSERBASE_PROJECT_ID": "your-browserbase-project-id",
"OLLAMA_HOST": "http://127.0.0.1:11434"
}
}
}
}Get a FREE Data Science eBook 📖 with 150+ essential lessons in Data Science when you subscribe to our newsletter! Stay in the loop with the latest tutorials, insights, and exclusive resources. Subscribe now!
Contributions are welcome! Please fork the repository and submit a pull request with your improvements.
