Stagehand × mcp-use

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

Setup

1. Install Dependencies:

   uv sync

2. Environment Variables: Create a .env file with your API keys:

   BROWSERBASE_API_KEY=your-browserbase-api-key
   BROWSERBASE_PROJECT_ID=your-browserbase-project-id

3. Setup MCP Servers: Go to mcp-config.json and update the paths to the MCP servers according to your system.

4. Run the App:

   streamlit run app.py

Usage

1. 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

2. 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

Example Configuration

{
  "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"
      }
    }
  }
}

📬 Stay Updated with Our Newsletter!

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!

---

Contribution