Compare Html
Description
## MCP Server `@compare-html/cli` also provides an MCP (Model Context Protocol) server for AI assistants to compare HTML values programmatically. ### Start the MCP Server ```bash npx @compare-html/cli --mcp ``` ## Online Playground Try it out at…
About
## MCP Server `@compare-html/cli` also provides an MCP (Model Context Protocol) server for AI assistants to compare HTML values programmatically. ### Start the MCP Server ```bash npx @compare-html/cli --mcp ``` ## Online Playground Try it out at [https://comparehtml.com](https://comparehtml.com) ### Available Tools…
Details
- Author
- unitstack
- Downloads
- 154
- Categories
- Other
Jump to
- Compares two HTML strings or files and returns structural differences.
- Supports both inline HTML and file-based input.
- Outputs detailed difference objects with path and type.
- Provided via an easy-to-use MCP server command.
- Also available as an online playground at comparehtml.com.
Setting up with Highlight
This MCP is not yet compatible with Highlight’s one-click setup. However, you can still use it with Highlight by following these steps:
- Download and install Highlight from highlightai.com/download
- Navigate to the plugins tab and select "Add Custom Plugin"
-
Configure the plugin with the settings below
Plugin Name
Compare HtmlCommand (node, npx, python, etc.)Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.
- Enable "Start Automatically" if you want the plugin to start when Highlight launches
From the repository
Start the MCP server by running npx @compare-html/cli --mcp in your terminal. AI assistants can then call the compare_html tool, providing at least one base input (baseHTML string or baseHTMLFilePath) and one contrast input (contrastHTML string or contrastHTMLFilePath). The server returns an array of HTMLValueDifference objects describing each change.
Claude Desktop / Cursor
Paste into your MCP client config file to install this server.
{
"mcpServers": {
"compare html": {
"compare-html": {
"command": "npx",
"args": [
"@compare-html/cli@latest",
"--mcp"
]
}
}
}
}McpServers
{
"compare-html": {
"command": "npx",
"args": [
"@compare-html/cli@latest",
"--mcp"
]
}
}MCP Server
@compare-html/cli also provides an MCP (Model Context Protocol) server for AI assistants to compare HTML values programmatically.
Start the MCP Server
``bash
npx @compare-html/cli --mcp
`
Online Playground
Try it out at https://comparehtml.com
Available Tools
compare_html
Compare two HTML values and return their structural differences.
Input:
| Parameter | Type | Required | Description |
|-----------|------|----------|-------------|
| baseHTML | string | No | Base HTML string |
| baseHTMLFilePath | string | No | Base HTML file path |
| contrastHTML | string | No | Contrast HTML string |
| contrastHTMLFilePath | string | No | Contrast HTML file path |
At least one base and one contrast input must be provided.
Output:
Returns an array of HTMLValueDifference objects:
`json
{
"differences": [
{
"pathSegments": ["0", "@class"],
"pathString": "0.@class",
"contrastPathString": "0.@class",
"displayPath": "div > @class",
"pathBelongsTo": "both",
"diffType": "valueChanged"
}
]
}
``Sign in to leave a review
Use Google, GitHub, or an email account so ratings stay tied to real people.
No reviews posted yet.
