Charlotte vs Strata

A side-by-side look at the Charlotte and Strata MCP servers: transport, auth, tools, quality signals, and the config to install either one in Claude, Cursor, Windsurf or VS Code.

Charlotte logoCharlotteBrowser Automation · Local subprocess (stdio)Renders web pages into structured, agent-readable representations using headless Chromium.68GreatAuth: not declaredStrata logoStrataBrowser Automation · Local subprocess (stdio)MCP server for progressive tool usage at any scale (see https://klavis.ai)65GreatAuth: not declared

Verdict: choose Charlotte for browser automation work as a local process; choose Strata for browser automation as a local process. You can also run both side by side in one mcpServers block.

Which MCP server should you choose?

Charlotte logoChoose Charlotte when

  • You need dedicated capabilities in the Browser Automation domain.
  • You prefer a local stdio subprocess transport.
  • You want tools like charlotte_navigate, charlotte_back, charlotte_forward.
Explore Charlotte

Strata logoChoose Strata when

  • You need dedicated capabilities in the Browser Automation domain.
  • You prefer a local stdio subprocess transport.
  • You want tools like browser_close, browser_resize, browser_console_messages.
Explore Strata

Feature & specification comparison

Rows where the two servers differ are marked.

SpecCharlotte logoCharlotteStrata logoStrata
CategoryBrowser AutomationBrowser Automation
Quality signal68/100 · Great65/100 · Great
Install commandConfirmedConfirmed
TransportLocal subprocess (stdio)Local subprocess (stdio)
AuthNot declaredNot declared
PricingNot declaredNot declared
Required env varsNone listedNone listed
Verified ownerCommunity listingCommunity listing
GitHub stars1825,821
Directory activity 2 views 0 installs 0 upvotes 1 views 0 installs 0 upvotes
Tools2325

Tools & capabilities

Charlotte tools 23

  • charlotte_navigateLoad a URL in the active page. Returns page representation after navigation. Default minimal detail includes landmarks, headings, and interactive element counts — use charlotte_find to locate specific elements, or pass detail: 'summary' to get the full element list.
  • charlotte_backNavigate back in browser history. Returns page representation after navigation.
  • charlotte_forwardNavigate forward in browser history. Returns page representation after navigation.
  • charlotte_reloadReload the current page. Returns page representation after reload.
  • charlotte_observeGet current page state without performing any action. Use detail levels to control verbosity: "minimal" for landmarks, headings, and interactive element counts by landmark (use charlotte_find to get specific elements with actionable IDs, or observe({ detail: "summary" }) to see all elements), "summary" (default) for content summaries and full element list, "full" for all text content. Use view: "tree" for a compact structural outline (cheapest orientation tool), or view: "tree-labeled" to include labels on interactive elements (still much cheaper than minimal JSON, and shows which button/link/input is which).
  • charlotte_findSearch for elements matching criteria. Filters interactive elements by text, role, type, or spatial proximity. Use the selector parameter to find DOM elements by CSS selector — this reaches elements not in the accessibility tree (custom widgets, non-semantic divs). Selector results return Charlotte element IDs usable with click, hover, drag, etc.
  • charlotte_screenshotCapture a visual screenshot. Fallback for when structured representation isn't sufficient (complex visualizations, canvas elements, images). Use save: true to persist as a file artifact that can be referenced later.
  • charlotte_screenshotsList all saved screenshot artifacts. Returns metadata for each saved screenshot including ID, filename, page URL, and timestamp.
  • charlotte_screenshot_getRetrieve a previously saved screenshot artifact by its ID. Returns the image data and metadata.
  • charlotte_screenshot_deleteDelete a saved screenshot artifact by its ID. Removes the file from disk.
  • charlotte_diffCompare current page state to a previous snapshot. Returns structural diff showing added, removed, moved, and changed elements.
  • charlotte_clickClick an interactive element on the page. Returns full page representation after the click.
  • +11 more on the listing page

Strata tools 25

  • browser_closeClose the page
  • browser_resizeResize the browser window
  • browser_console_messagesReturns all console messages
  • browser_handle_dialogHandle a dialog
  • browser_emulate_mediaEmulate CSS media features for the page, for example switch between the light and dark color scheme. Omitted parameters are left unchanged; null clears an override.
  • browser_evaluateEvaluate JavaScript expression on page or element
  • browser_file_uploadUpload one or multiple files
  • browser_dropDrop files or MIME-typed data onto an element, as if dragged from outside the page. At least one of "paths" or "data" must be provided.
  • browser_findSearch the accessibility snapshot of the current page for text or a regular expression. Returns matching snapshot nodes with a few lines of surrounding context (like search snippets), each shown under its path from the root of the tree, which is cheaper than capturing the whole snapshot when you only need to locate an element and its ref.
  • browser_fill_formFill multiple form fields
  • browser_press_keyPress a key on the keyboard
  • browser_typeType text into editable element
  • +13 more on the listing page

Ready-to-paste client configs

Paste either block (or both) into your client config, e.g. claude_desktop_config.json or ~/.cursor/mcp.json. We only show a config when the install command is confirmed.

Charlotte

mcpServers (Claude Desktop / Cursor)
{
  "mcpServers": {
    "charlotte": {
      "command": "npx",
      "args": [
        "@ticktockbent/charlotte"
      ]
    }
  }
}

Strata

mcpServers (Claude Desktop / Cursor)
{
  "mcpServers": {
    "strata": {
      "command": "npx",
      "args": [
        "-y",
        "@playwright/mcp@latest"
      ]
    }
  }
}

Frequently asked questions

Charlotte is categorized under Browser Automation and uses a local stdio subprocess. Strata belongs to Browser Automation and uses a local stdio subprocess. Pick Charlotte for browser automation work and Strata for browser automation.

Copy the mcpServers block from the config section on this page into your client's config (for example claude_desktop_config.json or ~/.cursor/mcp.json), then fully restart the client.

Charlotte has no declared pricing — check the project's own site. Strata has no declared pricing — check the project's own site. If a server needs environment variables such as API keys, define them under the env key in your client's MCP config.

Yes. MCP clients support multiple servers: add charlotte and strata as separate keys in the same mcpServers object, and your assistant will call tools from either one.

On AllMCPs, Charlotte has a quality signal of 68/100 (Great) with 2 views, 0 installs and 182 GitHub stars. Strata has 65/100 (Great) with 1 views, 0 installs and 5,821 GitHub stars.