CSS MCP ServerServer

integrations
GitHub
CSS AutomationWeb ScrapingBrowser Automation

Loading subscription status...

💡 Description

The CSS MCP Server provides the ability to target specific web page elements using CSS selectors for various operations including screenshots, content extraction, clicking, and form filling. It enhances automation and interaction with web pages using the Model Context Protocol.

📝 JSON Entries

{
  "mcpServers": [
    {
      "browserbase": {
        "env": {},
        "args": [],
        "command": "run"
      }
    },
    {
      "puppeteer": {
        "env": {},
        "args": [],
        "command": "launch"
      }
    },
    {
      "playwright": {
        "env": {},
        "args": [],
        "command": "start"
      }
    }
  ]
}

🛠️ Tools

BrowserbasePuppeteerPlaywright

Features

  • Cloud browser automation capabilities
  • Interaction with elements using CSS selectors
  • Customization of CSS for webpages

💬 Example Queries

  • Take a screenshot of the element with id 'header'
  • Extract the content of the div with class 'article'
  • Fill the input field with id 'username' and submit the form