AI logo
AI
Guide
APIs
Blog
Contribute
Guide
APIs
Blog
Contribute

Lynx DevTool MCP

Lynx DevTool MCP is a Model Context Protocol (MCP) server that lets coding agents control, operate and preview Lynx pages.

Get started

Add the following config to your MCP client:

{
  "mcpServers": {
    "lynx-devtool": {
      "command": "npx",
      "args": ["-y", "@lynx-js/devtool-mcp-server@latest"]
    }
  }
}
Claude Code

Use the Claude Code CLI to add the Lynx DevTool MCP server (guide):

claude mcp add lynx-devtool npx @lynx-js/devtool-mcp-server@latest
Codex

Follow the configure MCP guide using the standard config from above. You can also install the Lynx DevTool MCP server using the Codex CLI:

codex mcp add lynx-devtool -- npx @lynx-js/devtool-mcp-server@latest
Copilot / VS Code

Follow the MCP install guide, with the standard config from above. You can also install the Lynx DevTool MCP server using the VS Code CLI:

code --add-mcp '{"name":"lynx-devtool","command":"npx","args":["@lynx-js/devtool-mcp-server@latest"]}'
Cursor

Click the button to install:

Install Lynx DevTool MCP in Cursor

Or install manually:

Go to Cursor Settings -> MCP -> New MCP Server. Use the config provided above.

Gemini CLI

Install the Lynx DevTool MCP server using the Gemini CLI.

Project wide:

gemini mcp add lynx-devtool npx @lynx-js/devtool-mcp-server@latest

Globally:

gemini mcp add -s user lynx-devtool npx @lynx-js/devtool-mcp-server@latest

Alternatively, follow the MCP guide and use the standard config from above.

Usage

Using the Lynx DevTool MCP server is just like using DevTool.

You need to connect to the devices and open Apps like LynxExplorer.

Elements

Just like the "Elements" tab in DevTool, there are various tools (prefixed with CSS_* or DOM_*) in Lynx DevTool MCP server to help you inspect the element tree.

NOTE

All these tools are read-only. Modify the source code to make changes to the element tree.

Console

Just like the "Console" tab in DevTool, the coding agent may use Lynx DevTool MCP server to read all the message in Console and their stack traces.

Sources

Just like the "Sources" tab in DevTool, all the loading JavaScript sources can be read by the Lynx DevTool MCP server.

This is useful for coding agent to find the corresponding code in Console stack traces.

Interaction

The coding agent may also interact with the Lynx page using Lynx DevTool MCP server, performing actions like tap or drag.

Screenshot

The Lynx DevTool MCP server also provides tools to take screenshot of the current Lynx page. Using a multimodal model to understand the screenshot.

Except as otherwise noted, this work is licensed under a Creative Commons Attribution 4.0 International License, and code samples are licensed under the Apache License 2.0.