🌐 MCP Agents

MCP Agents is an AI-powered interactive browser assistant built with Streamlit, OpenAI, and Puppeteer using the Model Context Protocol (MCP). Type natural language commands like "Go to Wikipedia and search for Mars" and the app will navigate, click, scroll, and even extract content — all hands-free.

🚀 Features

• Talk to the Web — Interact with websites using simple English commands
• Visual Automation — Take screenshots, click elements, and scroll pages effortlessly
• Flexible Agent System — Powered by the modular MCP Agent framework
• Secure Integration — API keys stored safely with optional secrets config
• Fully Interactive UI — See command results directly in the app interface

🎯 Use Cases

• 💼 Product scraping, news summarization, automated browsing workflows
• 🧪 Educational bots that walk through websites
• 📰 Daily content extraction from dynamic pages

⚙️ Requirements

• Python 3.8 or newer
• Node.js + npm (for Puppeteer server)
• OpenAI API key

⚡ Quick Start

# Clone and enter the project
$ git clone https://github.com/your-username/mcp-agents.git
$ cd mcp-agents

# Install Python dependencies
$ pip install -r requirements.txt

# Verify Node.js setup
$ node --version && npm --version

# Optional: Start Puppeteer agent
$ npx -y @modelcontextprotocol/server-puppeteer

# Run the app
$ streamlit run main.py

Visit http://localhost:8501 in your browser.

🔐 Configure Secrets

Create a file named mcp_agent.secrets.yaml:

openai:
  api_key: "your-openai-api-key"

➡️ Make sure this file is listed in .gitignore to avoid leaking credentials.

💬 Example Commands You Can Try

• "Go to www.wikipedia.org"
• "Search for black holes and summarize the page"
• "Click on the first heading"
• "Take a screenshot of the hero section"
• "Scroll down and extract all h2 titles"

📁 Project Overview

mcp-agents/
├── main.py                     # Streamlit application
├── requirements.txt           # Python dependencies
├── README.md                  # This file
├── mcp_agent.config.yaml      # Config for Puppeteer + agent setup
├── mcp_agent.secrets.yaml     # API secrets (ignored from Git)
├── .gitignore                 # File exclusions

📄 License

Licensed under the MIT License.

🙋‍♂️ Created By

Built with ❤️ by Harsh. Powered by the open agent framework from MCP and inspired by LastMileAI tooling.

👨‍💻 Want to build your own AI-powered automation agent? Fork this repo and start customizing!