reviewEdit

Compare before and after screenshots of UI edits to verify if they meet user requests. Receive a yes or no response with detailed feedback for revisions when needed.

Instructions

Perform a visual review of a UI edit request. The 'before screenshot' is a screenshot of the page before the edit, and the 'after screenshot' is the screenshot of the page after the edit. You will recieve either a yes or no response, indicating whether the edit visually satisfies the edit request. If no, it will provide a detailed explanation of why the edit does not satisfy the request so you can continue to work on it.

Input Schema

Name	Required	Description
`afterScreenshotPath`	Yes	Absolute path to the 'after' screenshot file (png)
`beforeScreenshotPath`	Yes	Absolute path to the 'before' screenshot file (png)
`editRequest`	Yes	A detailed description of the UI edit request made by the user. Do not describe the changes you made, but just summarize what the user asked you to change on the page.

Input Schema (JSON Schema)

{
  "$schema": "http://json-schema.org/draft-07/schema#",
  "additionalProperties": false,
  "properties": {
    "afterScreenshotPath": {
      "description": "Absolute path to the 'after' screenshot file (png)",
      "type": "string"
    },
    "beforeScreenshotPath": {
      "description": "Absolute path to the 'before' screenshot file (png)",
      "type": "string"
    },
    "editRequest": {
      "description": "A detailed description of the UI edit request made by the user. Do not describe the changes you made, but just summarize what the user asked you to change on the page.",
      "type": "string"
    }
  },
  "required": [
    "beforeScreenshotPath",
    "afterScreenshotPath",
    "editRequest"
  ],
  "type": "object"
}

Frontend Review MCP

reviewEdit

Instructions

Input Schema

Input Schema (JSON Schema)

Other Tools from Frontend Review MCP

Related Tools

MCP directory API