MCP server that visually reviews your agent's design edits
Overview
What is frontend-review-mcp?
frontend-review-mcp is an MCP server designed to visually review UI design edits by comparing screenshots taken before and after the edits.
How to use frontend-review-mcp?
To use frontend-review-mcp, integrate it into your project by adding it to your .cursor/mcp.json or ~/.codeium/windsurf/mcp_config.json file, and provide the necessary API key. You can then call the reviewEdit tool with the paths to the screenshots and a description of the edit request.
Key features of frontend-review-mcp?
- Visual comparison of UI edits using screenshots.
- Detailed feedback on whether the edit meets the request.
- Supports multiple AI models for review.
Use cases of frontend-review-mcp?
- Reviewing design changes in web applications.
- Ensuring UI consistency after updates.
- Facilitating collaboration between designers and developers.
FAQ from frontend-review-mcp?
- How do I install frontend-review-mcp?
You can install it by adding the MCP server to your project configuration files and using the provided commands.
- What happens if the edit does not meet the request?
The tool will provide a detailed explanation of why the edit does not satisfy the request, allowing for further adjustments.