Charlotte

Name: Charlotte
Availability: InStock
Author: ticktockbent

Supports UI

by ticktockbent

Token-efficient browser MCP server providing structured web pages for AI agents instead of raw dumps.

0 stars

0 views

Works in:CursorWindsurfVS Code Copilotzed

Exposes:ToolsResources

View on GitHub Docs

What it does

Charlotte provides AI agents with a structured, token-efficient representation of the web. Instead of dumping massive accessibility trees, it decomposes pages into landmarks, headings, and interactive elements, reducing token usage by up to 182x compared to standard browser tools.

Tools

navigate: Visit a URL and get a compact orientation of the page.
observe: Get a structured summary of the page's interactive elements.
find: Perform spatial and semantic searches for specific elements.
click/type/submit: Interact with the page using stable element IDs.
dev_audit: Perform accessibility, performance, and SEO checks.

Installation

{
  "mcpServers": {
    "charlotte": {
      "command": "npx",
      "args": ["@ticktockbent/charlotte"]
    }
  }
}

Supported hosts

Claude
Cursor
Windsurf
VS Code Copilot
Zed

Quick install

npm install -g @ticktockbent/charlotte

Information

Pricing: free
Published: 5/2/2026
stars

Related Apps

Choose your AI client and follow the steps below.

zed

Add to settings.json context_servers entry.

Cursor

Add to .cursor/mcp.json: { "mcpServers": { "charlotte": { "command": "npx", "args": ["@ticktockbent/charlotte"] } } }

Windsurf

Add to ~/.codeium/windsurf/mcp_config.json: { "mcpServers": { "charlotte": { "command": "npx", "args": ["@ticktockbent/charlotte"] } } }

Claude Desktop

{
  "mcpServers": {
    "charlotte": {
      "command": "npx",
      "args": ["@ticktockbent/charlotte"]
    }
  }
}

VS Code Copilot

Add to .vscode/mcp.json: { "servers": { "charlotte": { "type": "stdio", "command": "npx", "args": ["@ticktockbent/charlotte"] } } }