Visualdiff

io.github.CloudCorpRecords由 GitHub 帳號 CloudCorpRecords 發布v0.1.0更新於 Nov 3, 2026

SnapDiff 視覺化差異：驗證 UI 變更、比較頁面、截圖、HTML 轉影像。

AI 翻譯由 AI 模型根據下方的原文描述翻譯，可能有誤。

原文描述

SnapDiff visual diffs: verify UI changes, compare pages, screenshots, HTML to image.

已驗證STDIO僅桌面瀏覽器自動化

概覽

Visualdiff 的本機 MCP 服務；無需登入；STDIO。

暫無 AI 概覽：以下資訊來自註冊中心條目和服務本身。

安裝

在 SourceWeft 中

  1. 開啟 儀表板中的 Visualdiff，將其新增到工作區。
  2. 為需要使用其工具的對話啟用該服務。

Desktop only，透過 STDIO。 STDIO 服務會啟動本機處理程序，因此需要 SourceWeft 桌面主機。

其他 MCP 客戶端

參照 儲存庫 中的啟動說明。

README

visualdiff

visualdiff wraps the SnapDiff visual-testing API: verify that a UI change matches what you meant to do, diff two pages (or a page against a stored baseline), capture a screenshot of any URL, and render raw HTML/CSS straight to an image. One binary serves a command-line interface and a stdio MCP server.

An API key is required. Set SNAPDIFF_API_KEY to a key from the SnapDiff dashboard; calls fail before any request is made when it is missing. The API base URL can be overridden with SNAPDIFF_API_URL; when it is not set, calls go to https://api.snapdiff.ai/v1.

Install

bash
npx @reneturcios/visualdiff screenshot https://example.com

Or run the container image:

bash
docker run -i -e SNAPDIFF_API_KEY=sk_live_... ghcr.io/cloudcorprecords/visualdiff

The container defaults to the MCP server (see below). Pass CLI arguments to use it as a CLI instead.

CLI

bash
export SNAPDIFF_API_KEY=sk_live_...
visualdiff verify myproj pricing https://staging.example.com/pricing "added a yearly billing toggle"visualdiff compare https://staging.example.com --before https://www.example.comvisualdiff compare http://localhost:3000 --project myproj --page-name homepagevisualdiff screenshot https://example.com --width 800 --full-pagevisualdiff html-to-image "<h1>Hello</h1>" --css "h1 { color: navy; }" --width 1200 --height 630
visualdiff --version

Commands print the upstream JSON payload. Exit codes: 0 on success, 1 when a call fails (including a missing API key or an upstream API error), 2 for usage errors.

MCP server

One bin serves both faces. The mcp subcommand starts a stdio MCP server:

bash
npx -y @reneturcios/visualdiff mcp

MCP client configuration:

json
{  "mcpServers": {    "visualdiff": {      "command": "npx",      "args": ["-y", "@reneturcios/visualdiff", "mcp"],      "env": { "SNAPDIFF_API_KEY": "sk_live_..." }    }  }}

Tools

ToolInputWhat it returns
snapdiff_verify_ui_changeproject, page_name, after, intent (all required); optional intent_regions, branch, threshold, match_tolerance_percent, ignore_selectors, full_pageA verdict (pass, expected_change_detected, unexpected_regression, no_change_detected, or needs_human_review), a next_action, and a review_url. Requires a project with a stored page baseline.
snapdiff_compare_pagesafter (required); plus before, or project + page_name for baseline mode; optional branch, threshold, ignore_selectors, full_pageA diff percentage plus a highlighted diff image.
snapdiff_capture_screenshoturl (required); optional full_page, dark_mode, selector, widthA screenshot of the page.
snapdiff_html_to_imagehtml (required); optional css, width, heightThe rendered image (OG cards, social images, email headers).

Each tool is sent as a POST to a per-tool endpoint under the base URL with the API key as a Bearer token. Optional arguments that are not supplied are omitted from the request body entirely.

Development

bash
npm installnpm run build   # tsc -> dist/npm test        # node test runner over test/*.test.ts, no network (fake fetch fixtures)npm run dev     # run the CLI from source via tsx

License

MIT — see LICENSE.

來源：README.md，提交 0555232

工具

0
SourceWeft 尚未在沙箱中啟動過該軟體包，因此其工具未知。

版本歷史

1
  1. v0.1.0最新Nov 3, 2026

評分

已滿足適用檢查項的 50%

該評分衡量此收錄條目的完整程度，依據註冊中心條目、端點與公開來源計算得出。它不是對伺服器本身的評價，也不表示伺服器安全或目前可用：可連通性是帶日期的檢查結果，評分也不包含安裝量或使用者評價。

  • 近 30 天內可連通25 分

    請保持端點能夠回應 MCP 握手；SourceWeft 每 30 天探測一次。

  • 已宣告認證方式10 分

    請在註冊中心條目中宣告憑證請求標頭，或保持端點能夠回應探測，以便判定其認證方式。

  • 已列出工具15 分

    請讓伺服器在無憑證時回應 tools/list，或發布可在沙箱中無憑證啟動的軟體包。

  • 描述必需15 分
  • 圖示10 分
  • 文件15 分
  • 授權條款10 分