Applitools MCP Server

1

Add it to Claude Code

Run this in a terminal.

Run in terminal
claude mcp add applitools -- npx --yes @applitools/mcp@latest
README.md

Manage and analyze visual tests using Applitools Eyes in Playwright projects.

Applitools MCP Server

The Applitools MCP server helps you create, update, and analyze visual tests using Applitools Eyes with our Playwright (JavaScript/TypeScript) Fixtures SDK, with support for more frameworks coming soon.

It connects to AI assistants through the Model Context Protocol (MCP), allowing tools like Cline, Claude Code, and IDE assistants to help you set up tests, add visual checkpoints, and configure cross-browser testing.

To learn more, please visit our MCP documentation.

Purpose

This server is built for developers, testers, or QA working with AI-assisted workflows.

It enables your AI assistant to:

  • Understand your project configuration
  • Guide Eyes setup
  • Add visual checkpoints and suggest best practices
  • Review your visual test results

All without requiring manual, error-prone steps.

Who is this for?

  • New users to test automation
    • No existing automation framework.
  • Playwright JavaScript engineers new to Applitools Eyes
    • Playwright is already used, but Eyes has not yet been installed or implemented.
  • Existing Eyes Playwright Fixtures users
    • Who want to use the MCP server to:
      • Add Ultrafast Grid coverage (cross-browser and device testing)
      • Expand visual checkpoints in existing tests
      • Retrieve and analyze your visual test results

Requirements & Limitations

  • Node.js 18 or newer
  • VS Code, Cursor, Claude Desktop, or any other MCP client assistant
  • Supports Playwright JavaScript/TypeScript projects and our Playwright Fixtures SDK only.
    • It is recommended using the most recent versions of Playwright Node.js and our Playwright JavaScript Fixtures SDK
    • Requires projects utilizing Playwright Test
  • Requires access to your projects source code

Installation

Recommended: VS Code Extension or Cursor MCP Install

The easiest way to start using Eyes MCP is through the Applitools VS Code extension or by installing the MCP server directly in Cursor.

  • Runs the MCP server automatically
  • Connects it to your AI assistant
  • Provide context-aware code edits
  • Surface visual test results inside your IDE or MCP client CLI of choice

Alternatively, you can install the server manually by following the Manual Setup section below.

What's Included

  • Automatic MCP server management
  • Seamless IDE + AI assistant integration
  • Context-aware assistance based on open files
  • Smart code edits and checkpoint suggestions
  • Visual test results directly inside your IDE

Manual Setup

If you prefer not to use the extension, you can install the MCP server manually by following the examples below.

Standard MCP configuration:

{
  "mcpServers": {
    "applitools-mcp": {
      "type": "stdio",
      "command": "npx",
      "args": ["--yes", "@applitools/mcp@latest"]
    }
  }
}
VS Code Please see the [VS Code MCP install guide](https://code.visualstudio.com/docs/copilot/chat/mcp-servers#_add-an-mcp-server) and use the standard config above.

Alternatively, install it via the VS Code CLI:

code --add-mcp '{"name":"applitools-mcp","command":"npx","args":["@applitools/mcp@latest"]}'

Copilot

Create or edit the configuration file ~/.copilot/mcp-config.json and add:

{
 "mcpServers": {
   "applitools-mcp": {
     "type": "local",
     "command": "npx",
     "tools": [
       "*"
     ],
     "args": [
       "@applitools/mcp@latest"
     ]
   }
 }
}
Cursor In your user root directory, edit or add the above configuration to your `~/.cursor/mcp.json` file.

Alternatively, go to Cursor Settings -> MCP -> Add new MCP Server. Name it applitools-mcp, use command type with the command npx -y @applitools/mcp@latest.

Cline Follow the instruction in the section [Configuring MCP Servers](https://docs.cline.bot/mcp/configuring-mcp-servers)

Add the following to your cline_mcp_settings.json file:

{
  "mcpServers": {
    "applitools-mcp": {
      "command": "npx",
      "args": ["--yes", "@applitools/mcp@latest"],
      "disabled": false,
      "type": "stdio",
	   "timeout": 60
    }
  }
}
Claude Code (CLI) Use the Claude Code CLI to add the Playwright MCP server:

`claude mcp add applitools-mcp npx @applitools/mcp@la

Configuration

claude_desktop_config.json
{"mcpServers": {"applitools-mcp": {"type": "stdio", "command": "npx", "args": ["--yes", "@applitools/mcp@latest"]}}}

Try it

Help me set up Applitools Eyes in my existing Playwright project.
Add a visual checkpoint to my current test file.
Configure cross-browser testing using the Ultrafast Grid.
Retrieve and analyze the results of my latest visual test run.

Frequently Asked Questions

What are the key features of Applitools?

Automatic MCP server management. Seamless IDE and AI assistant integration. Context-aware assistance based on open files. Smart code edits and visual checkpoint suggestions. Visual test results surfaced directly inside the IDE.

What can I use Applitools for?

New test automation users setting up their first visual testing framework.. Playwright engineers implementing Applitools Eyes for the first time.. Existing Eyes users adding Ultrafast Grid cross-browser coverage to tests.. Developers expanding visual checkpoints across an existing test suite..

How do I install Applitools?

Install Applitools by running: npx --yes @applitools/mcp@latest

What MCP clients work with Applitools?

Applitools works with any MCP-compatible client including Claude Desktop, Claude Code, Cursor, and other editors with MCP support.

Turn this server into reusable context

Keep Applitools docs, env vars, and workflow notes in Conare so your agent carries them across sessions.

Need the old visual installer? Open Conare IDE.
Open Conare