MCP.so
登录
C

Charlotte

@TickTockBent

代码仓库

关于 Charlotte

Charlotte is an MCP server that renders web pages into structured, agent-readable representations using headless Chromium. It exposes the browser's semantic understanding — accessibility tree, layout geometry, interactive elements — to AI agents via Model Context Protocol tools,

#web#mcp#server#charlotte#agent#dev-tool

基本信息

分类

浏览器自动化

传输方式

stdio

发布者

TickTockBent

提交者

Wes

配置

使用下面的配置,将此服务器添加到你的 MCP 客户端。

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

工具

未检测到工具

工具是从 README 中自动提取的。维护者可以在 ## Tools 标题下列出工具,即可填充这部分内容。

概览

What is Charlotte?

Charlotte is an MCP server that renders web pages into structured, agent-readable representations using headless Chromium. It exposes the browser’s semantic understanding — accessibility tree, layout geometry, interactive elements — to AI agents via the Model Context Protocol, enabling navigation, observation, and interaction without vision models or brittle selectors.

How to use Charlotte?

Install globally with npm install -g @ticktockbent/charlotte (Node.js >= 22). Run with charlotte (default browse profile) or with a specific profile (e.g., charlotte --profile core). Configure your MCP client to use the stdio command; examples are provided for Claude Code and Claude Desktop. Docker images are also available on Docker Hub and GitHub Container Registry.

Key features of Charlotte?

  • Navigation, observation, and interaction via structured page representation
  • Three detail levels (minimal, summary, full) to control token consumption
  • Tool profiles reduce definition overhead up to 77%
  • Stable element IDs survive minor DOM mutations
  • Development tools: static server, CSS/JS injection, audits
  • Console monitoring and full HTTP request history

Use cases of Charlotte

  • Browse and interact with web pages using minimal tokens per call
  • Fill out forms and submit data programmatically
  • Local development feedback loop with live reload and accessibility audits

FAQ from Charlotte

How does Charlotte reduce token usage compared to other browser MCP servers?

It returns a compact orientation (e.g., 336 characters for Hacker News) on navigation and lets agents request more detail via three levels, rather than dumping the full accessibility tree every time.

What are the dependencies and runtime requirements?

Node.js >= 22 and npm are required for installation. A headless Chromium instance is managed by Charlotte (bundled via Puppeteer); Docker images include all dependencies.

Can agents activate more tools mid-session?

Yes. Use charlotte:tools enable <profile> to activate additional tools and charlotte:tools disable <profile> to deactivate them, all without restarting the server.

What transport does Charlotte use?

Charlotte communicates over stdio using the Model Context Protocol, making it compatible with MCP clients like Claude

评论

浏览器自动化 分类下的更多 MCP 服务器

Puppeteer Vision Mcp Server

djannot

48

Umut Naci

firecrawl

The API to search, scrape, and interact with the web at scale. 🔥

148.0K

BrowserTools MCP

AgentDeskAI

Monitor browser logs directly from Cursor and other MCP compatible IDEs.

7.3K

browser-use-mcp-server

co-browser

Browse the web, directly from Cursor etc.

827

Puppeteer MCP Server

merajmehrabi

This MCP server provides browser automation capabilities through Puppeteer, allowing interaction with both new browser instances and existing Chrome windows.

474