[{"_1":2,"_332":-5,"_333":-5},"loaderData",{"_3":4,"_22":23,"_24":25,"_267":268},"root",{"_5":6,"_7":8},"toasts",[],"visitor",{"_9":10,"_11":12},"viewportWidth",1280,"visitorSession",{"_13":14,"_16":17,"_18":-5,"_19":20,"_21":-5},"attributes",[15],"BOT","id",5861212,"membership","referenceId","0196958e-da6d-7443-8f07-7c3b8cd473f5","userAccount","routes/_public/_layout",{},"routes/_public/mcp/servers/~namespace/~slug/_pages/_layout",{"_26":27,"_68":-5,"_69":28,"_29":70,"_185":186,"_266":181},"availableLocales",[28,40,47,54,61],{"_29":30,"_33":37,"_38":39},"mcpServer",{"_31":32,"_33":34,"_35":36},"description","An MCP server that reviews UI edit requests by comparing before and after screenshots, providing visual feedback on whether changes satisfy the user's requirements.","name","Frontend Review MCP","readme","# frontend-review-mcp\n\nAn MCP server that performs a visual review of a UI edit request. Ask your agent to screenshot the page before and after the edit, and then call this tool to review the edit.\n\n## Usage\n\n### Cursor\n\n- To install in a project, add the MCP server to your `.cursor/mcp.json`:\n\n```json\n{\n\t\"mcpServers\": {\n\t\t\"frontend-review\": {\n\t\t\t\"command\": \"npx\",\n\t\t\t\"args\": [\"frontend-review-mcp HYPERBOLIC_API_KEY=\"],\n\n\t\t}\n\t}\n}\n```\n\n- To install globally, add this command to your Cursor settings:\n\n```bash\nnpx frontend-review-mcp HYPERBOLIC_API_KEY=\n```\n\n### Windsurf\n\n- Add the MCP server to your `~/.codeium/windsurf/mcp_config.json` file:\n\n```json\n{\n\t\"mcpServers\": {\n\t\t\"frontend-review\": {\n\t\t\t\"command\": \"npx\",\n\t\t\t\"args\": [\"frontend-review-mcp HYPERBOLIC_API_KEY=\"]\n\t\t}\n\t}\n}\n```\n\n## Tools\n\nCurrently, the only tool is `reviewEdit`.\n\nYour Agent will call this tool with the following arguments:\n\n- `beforeScreenshotPath`: The absolute path to the screenshot of the page before the edit.\n- `afterScreenshotPath`: The absolute path to the screenshot of the page after the edit.\n- `editRequest`: A detailed description of the UI edit request made by the user.\n\nThe tool will return a response with 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.\n\n## Review Model\n\nCurrently, the review model is `Qwen/Qwen2-VL-72B-Instruct` from Hyperbolic. It will automatically retry the request with these models if it fails:\n\nFallback order:\n\n1. `Qwen/Qwen2-VL-72B-Instruct`\n2. `Qwen/Qwen2-VL-7B-Instruct`\n3. `meta-llama/Llama-3.2-90B-Vision-Instruct`\n4. `mistralai/Pixtral-12B-2409`\n\nIf you want to use a different model as the first model, you can add the `MODEL` arg to the command:\n\n```bash\nnpx frontend-review-mcp HYPERBOLIC_API_KEY= MODEL=\n```\n\nIt will try the specified model first, and then try the others if it fails.\n\n## Taking Screenshots\n\nYou can use any MCP server to take screenshots. \n## AI Instructions\n\nYou can include the following instructions in your AI's prompt to make it take screenshots and review the edit:\n\n```md\nWhen making frontend edits:\n\n- Before making any changes, call the mcp_takeScreenshot function to save the current state of the page.\n- After making your change, call the mcp_takeScreenshot function again to save the new state of the page.\n- Screenshots will be saved to /screenshots folder.\n- Run this command to get the absolute paths of the 2 most recent screenshots in the /screenshots folder:\n\n\n\nfind screenshots -type f -name \"*.png\" -exec stat -f \"%m %N\" {} \\; | sort -nr | head -n 2 | awk '{print $2}' | xargs realpath | awk 'NR==1 {print \"before path: \", $0} NR==2 {print \"after path: \", $0}'\n\n\n- Call the mcp_reviewEdit function to have your changes visually reviewed.\n- Use the following format for the tool call:\n\n{\n \"beforeScreenshotPath\": string, // Absolute path to the second-most recent screenshot\n \"afterScreenshotPath\": string, // Absolute path to the most recent screenshot\n \"editRequest\": string // Describe the edit request from the user in a couple of sentences\n}\n\n- You should summarize my edit request into a couple of sentences so that the frontend reviewer understands the changes you made.\n\n- The tool will either return \"yes\" if your changes are good, or \"no\" with a brief explanation if the changes don't satisfy the edit request. Keep editing with the same process until the reviewer returns \"yes\".\n\n```\n\n## Tips\n\nMake sure YOLO mode is on and MCP tools protection is off in your Cursor settings for the best experience.\n","English","tag","en-US",{"_29":41,"_33":45,"_38":46},{"_31":42,"_33":43,"_35":44},"Un servidor MCP que revisa las solicitudes de edición de la interfaz de usuario comparando capturas de pantalla antes y después, y brindando comentarios visuales sobre si los cambios satisfacen los requisitos del usuario.","Revisión de frontend MCP","# revisión de frontend-mcp\n\nUn servidor MCP que realiza una revisión visual de una solicitud de edición de la interfaz de usuario. Pida a su agente que capture una captura de pantalla de la página antes y después de la edición, y luego llame a esta herramienta para revisarla.\n\n## Uso\n\n### Cursor\n\n* Para instalarlo en un proyecto, agregue el servidor MCP a su `.cursor/mcp.json` :\n\n```json\n{\n\t\"mcpServers\": {\n\t\t\"frontend-review\": {\n\t\t\t\"command\": \"npx\",\n\t\t\t\"args\": [\"frontend-review-mcp HYPERBOLIC_API_KEY=\"],\n\n\t\t}\n\t}\n}\n```\n\n* Para instalarlo globalmente, agregue este comando a la configuración del cursor:\n\n```bash\nnpx frontend-review-mcp HYPERBOLIC_API_KEY=\n```\n\n### Windsurf\n\n* Agregue el servidor MCP a su archivo `~/.codeium/windsurf/mcp_config.json` :\n\n```json\n{\n\t\"mcpServers\": {\n\t\t\"frontend-review\": {\n\t\t\t\"command\": \"npx\",\n\t\t\t\"args\": [\"frontend-review-mcp HYPERBOLIC_API_KEY=\"]\n\t\t}\n\t}\n}\n```\n\n## Herramientas\n\nActualmente, la única herramienta es `reviewEdit` .\n\nSu agente llamará a esta herramienta con los siguientes argumentos:\n\n* `beforeScreenshotPath` : la ruta absoluta a la captura de pantalla de la página antes de la edición.\n* `afterScreenshotPath` : la ruta absoluta a la captura de pantalla de la página después de la edición.\n* `editRequest` : una descripción detallada de la solicitud de edición de UI realizada por el usuario.\n\nLa herramienta responderá con un `yes` o `no` , indicando si la edición satisface visualmente la solicitud. En caso negativo, proporcionará una explicación detallada de por qué la edición no satisface la solicitud para que pueda continuar trabajando en ella.\n\n## Modelo de revisión\n\nActualmente, el modelo de revisión es `Qwen/Qwen2-VL-72B-Instruct` de Hyperbolic. Reintentará automáticamente la solicitud con estos modelos si falla:\n\nOrden de respaldo:\n\n1. `Qwen/Qwen2-VL-72B-Instruct`\n2. `Qwen/Qwen2-VL-7B-Instruct`\n3. `meta-llama/Llama-3.2-90B-Vision-Instruct`\n4. `mistralai/Pixtral-12B-2409`\n\nSi desea utilizar un modelo diferente como primer modelo, puede agregar el argumento `MODEL` al comando:\n\n```bash\nnpx frontend-review-mcp HYPERBOLIC_API_KEY= MODEL=\n```\n\nPrimero probará el modelo especificado y luego probará los demás si falla.\n\n## Tomar capturas de pantalla\n\nPuedes utilizar cualquier servidor MCP para tomar capturas de pantalla.\n\n## Instrucciones de IA\n\nPuedes incluir las siguientes instrucciones en el mensaje de tu IA para que tome capturas de pantalla y revise la edición:\n\n```md\nWhen making frontend edits:\n\n- Before making any changes, call the mcp_takeScreenshot function to save the current state of the page.\n- After making your change, call the mcp_takeScreenshot function again to save the new state of the page.\n- Screenshots will be saved to /screenshots folder.\n- Run this command to get the absolute paths of the 2 most recent screenshots in the /screenshots folder:\n\n\n\nfind screenshots -type f -name \"*.png\" -exec stat -f \"%m %N\" {} \\; | sort -nr | head -n 2 | awk '{print $2}' | xargs realpath | awk 'NR==1 {print \"before path: \", $0} NR==2 {print \"after path: \", $0}'\n\n\n- Call the mcp_reviewEdit function to have your changes visually reviewed.\n- Use the following format for the tool call:\n\n{\n \"beforeScreenshotPath\": string, // Absolute path to the second-most recent screenshot\n \"afterScreenshotPath\": string, // Absolute path to the most recent screenshot\n \"editRequest\": string // Describe the edit request from the user in a couple of sentences\n}\n\n- You should summarize my edit request into a couple of sentences so that the frontend reviewer understands the changes you made.\n\n- The tool will either return \"yes\" if your changes are good, or \"no\" with a brief explanation if the changes don't satisfy the edit request. Keep editing with the same process until the reviewer returns \"yes\".\n\n```\n\n## Consejos\n\nAsegúrese de que el modo YOLO esté activado y que la protección de las herramientas MCP esté desactivada en la configuración del cursor para obtener la mejor experiencia.","Spanish","es-ES",{"_29":48,"_33":52,"_38":53},{"_31":49,"_33":50,"_35":51},"前後のスクリーンショットを比較して UI 編集リクエストを確認し、変更がユーザーの要件を満たしているかどうかの視覚的なフィードバックを提供する MCP サーバー。","フロントエンドレビューMCP","# フロントエンドレビュー-MCP\n\nUI編集リクエストのビジュアルレビューを実行するMCPサーバー。エージェントに編集前後のページのスクリーンショットを撮ってもらい、このツールを呼び出して編集内容を確認します。\n\n## 使用法\n\n### カーソル\n\n* プロジェクトにインストールするには、MCP サーバーを`.cursor/mcp.json`に追加します。\n\n```json\n{\n\t\"mcpServers\": {\n\t\t\"frontend-review\": {\n\t\t\t\"command\": \"npx\",\n\t\t\t\"args\": [\"frontend-review-mcp HYPERBOLIC_API_KEY=\"],\n\n\t\t}\n\t}\n}\n```\n\n* グローバルにインストールするには、カーソル設定に次のコマンドを追加します。\n\n```bash\nnpx frontend-review-mcp HYPERBOLIC_API_KEY=\n```\n\n### ウィンドサーフィン\n\n* MCP サーバーを`~/.codeium/windsurf/mcp_config.json`ファイルに追加します。\n\n```json\n{\n\t\"mcpServers\": {\n\t\t\"frontend-review\": {\n\t\t\t\"command\": \"npx\",\n\t\t\t\"args\": [\"frontend-review-mcp HYPERBOLIC_API_KEY=\"]\n\t\t}\n\t}\n}\n```\n\n## ツール\n\n現在、唯一のツールは`reviewEdit`です。\n\nエージェントは次の引数を使用してこのツールを呼び出します。\n\n* `beforeScreenshotPath` : 編集前のページのスクリーンショットへの絶対パス。\n* `afterScreenshotPath` : 編集後のページのスクリーンショットへの絶対パス。\n* `editRequest` : ユーザーが行った UI 編集リクエストの詳細な説明。\n\nツールは、編集内容が編集リクエストを視覚的に満たしているかどうかを示す「 `yes`または`no`の応答を返します。「いいえ」の場合、編集内容がリクエストを満たしていない理由の詳細な説明が表示されるので、編集作業を続行できます。\n\n## レビューモデル\n\n現在、レビュー対象モデルはHyperbolicの`Qwen/Qwen2-VL-72B-Instruct`です。リクエストが失敗した場合、以下のモデルで自動的にリクエストが再試行されます。\n\nフォールバック順序:\n\n1. `Qwen/Qwen2-VL-72B-Instruct`\n2. `Qwen/Qwen2-VL-7B-Instruct`\n3. `meta-llama/Llama-3.2-90B-Vision-Instruct`\n4. `mistralai/Pixtral-12B-2409`\n\n最初のモデルとして別のモデルを使用する場合は、コマンドに`MODEL`引数を追加できます。\n\n```bash\nnpx frontend-review-mcp HYPERBOLIC_API_KEY= MODEL=\n```\n\n最初に指定されたモデルを試し、失敗した場合は他のモデルを試します。\n\n## スクリーンショットを撮る\n\n任意の MCP サーバーを使用してスクリーンショットを撮ることができます。\n\n## AI指示\n\nAI のプロンプトに次の指示を含めると、スクリーンショットを撮って編集内容を確認することができます。\n\n```md\nWhen making frontend edits:\n\n- Before making any changes, call the mcp_takeScreenshot function to save the current state of the page.\n- After making your change, call the mcp_takeScreenshot function again to save the new state of the page.\n- Screenshots will be saved to /screenshots folder.\n- Run this command to get the absolute paths of the 2 most recent screenshots in the /screenshots folder:\n\n\n\nfind screenshots -type f -name \"*.png\" -exec stat -f \"%m %N\" {} \\; | sort -nr | head -n 2 | awk '{print $2}' | xargs realpath | awk 'NR==1 {print \"before path: \", $0} NR==2 {print \"after path: \", $0}'\n\n\n- Call the mcp_reviewEdit function to have your changes visually reviewed.\n- Use the following format for the tool call:\n\n{\n \"beforeScreenshotPath\": string, // Absolute path to the second-most recent screenshot\n \"afterScreenshotPath\": string, // Absolute path to the most recent screenshot\n \"editRequest\": string // Describe the edit request from the user in a couple of sentences\n}\n\n- You should summarize my edit request into a couple of sentences so that the frontend reviewer understands the changes you made.\n\n- The tool will either return \"yes\" if your changes are good, or \"no\" with a brief explanation if the changes don't satisfy the edit request. Keep editing with the same process until the reviewer returns \"yes\".\n\n```\n\n## ヒント\n\n最適なエクスペリエンスを得るには、カーソル設定で YOLO モードがオンになっており、MCP ツール保護がオフになっていることを確認してください。","Japanese","ja-JP",{"_29":55,"_33":59,"_38":60},{"_31":56,"_33":57,"_35":58},"UI 편집 요청을 검토하고, 변경 사항이 사용자 요구 사항을 충족하는지 여부에 대한 시각적 피드백을 제공하는 MCP 서버입니다.","프런트엔드 리뷰 MCP","# 프런트엔드 리뷰 MCP\n\nUI 편집 요청에 대한 시각적 검토를 수행하는 MCP 서버입니다. 에이전트에게 편집 전후 페이지의 스크린샷을 찍어 달라고 요청한 후, 이 도구를 호출하여 편집 내용을 검토합니다.\n\n## 용법\n\n### 커서\n\n* 프로젝트에 설치하려면 `.cursor/mcp.json` 에 MCP 서버를 추가하세요.\n\n지엑스피1\n\n* 전역적으로 설치하려면 커서 설정에 다음 명령을 추가하세요.\n\n```bash\nnpx frontend-review-mcp HYPERBOLIC_API_KEY=\n```\n\n### 윈드서핑\n\n* `~/.codeium/windsurf/mcp_config.json` 파일에 MCP 서버를 추가합니다.\n\n```json\n{\n\t\"mcpServers\": {\n\t\t\"frontend-review\": {\n\t\t\t\"command\": \"npx\",\n\t\t\t\"args\": [\"frontend-review-mcp HYPERBOLIC_API_KEY=\"]\n\t\t}\n\t}\n}\n```\n\n## 도구\n\n현재 유일한 도구는 `reviewEdit` 입니다.\n\n귀하의 에이전트는 다음 인수를 사용하여 이 도구를 호출합니다.\n\n* `beforeScreenshotPath` : 편집 전 페이지의 스크린샷에 대한 절대 경로입니다.\n* `afterScreenshotPath` : 편집 후 페이지의 스크린샷에 대한 절대 경로입니다.\n* `editRequest` : 사용자가 요청한 UI 편집 요청에 대한 자세한 설명입니다.\n\n이 도구는 수정 사항이 시각적으로 수정 요청을 충족하는지 여부를 나타내는 ' `yes` 또는 ' `no` ' 응답을 반환합니다. '아니요'인 경우, 수정 사항이 요청을 충족하지 못하는 이유를 자세히 설명하여 작업을 계속 진행할 수 있도록 합니다.\n\n## 리뷰 모델\n\n현재 검토 모델은 Hyperbolic의 `Qwen/Qwen2-VL-72B-Instruct` 입니다. 실패할 경우 다음 모델로 요청을 자동으로 재시도합니다.\n\n대체 순서:\n\n1. `Qwen/Qwen2-VL-72B-Instruct`\n2. `Qwen/Qwen2-VL-7B-Instruct`\n3. `meta-llama/Llama-3.2-90B-Vision-Instruct`\n4. `mistralai/Pixtral-12B-2409`\n\n첫 번째 모델로 다른 모델을 사용하려면 명령에 `MODEL` 인수를 추가하면 됩니다.\n\n```bash\nnpx frontend-review-mcp HYPERBOLIC_API_KEY= MODEL=\n```\n\n먼저 지정된 모델을 시도한 후, 실패하면 다른 모델을 시도합니다.\n\n## 스크린샷 찍기\n\n모든 MCP 서버를 사용하여 스크린샷을 찍을 수 있습니다.\n\n## AI 지침\n\nAI 프롬프트에 다음 지침을 포함하면 스크린샷을 찍고 편집 내용을 검토할 수 있습니다.\n\n```md\nWhen making frontend edits:\n\n- Before making any changes, call the mcp_takeScreenshot function to save the current state of the page.\n- After making your change, call the mcp_takeScreenshot function again to save the new state of the page.\n- Screenshots will be saved to /screenshots folder.\n- Run this command to get the absolute paths of the 2 most recent screenshots in the /screenshots folder:\n\n\n\nfind screenshots -type f -name \"*.png\" -exec stat -f \"%m %N\" {} \\; | sort -nr | head -n 2 | awk '{print $2}' | xargs realpath | awk 'NR==1 {print \"before path: \", $0} NR==2 {print \"after path: \", $0}'\n\n\n- Call the mcp_reviewEdit function to have your changes visually reviewed.\n- Use the following format for the tool call:\n\n{\n \"beforeScreenshotPath\": string, // Absolute path to the second-most recent screenshot\n \"afterScreenshotPath\": string, // Absolute path to the most recent screenshot\n \"editRequest\": string // Describe the edit request from the user in a couple of sentences\n}\n\n- You should summarize my edit request into a couple of sentences so that the frontend reviewer understands the changes you made.\n\n- The tool will either return \"yes\" if your changes are good, or \"no\" with a brief explanation if the changes don't satisfy the edit request. Keep editing with the same process until the reviewer returns \"yes\".\n\n```\n\n## 팁\n\n최상의 환경을 위해 커서 설정에서 YOLO 모드가 켜져 있고 MCP 도구 보호가 꺼져 있는지 확인하세요.","Korean","ko-KR",{"_29":62,"_33":66,"_38":67},{"_31":63,"_33":64,"_35":65},"MCP 服务器通过比较前后屏幕截图来审查 UI 编辑请求，提供有关更改是否满足用户要求的视觉反馈。","前端审查 MCP","# 前端审查-mcp\n\n一个 MCP 服务器，用于对 UI 编辑请求进行可视化审核。请您的客服人员截取编辑前后的页面截图，然后调用此工具来审核编辑结果。\n\n## 用法\n\n### 光标\n\n* 要在项目中安装，请将 MCP 服务器添加到`.cursor/mcp.json` ：\n\n```json\n{\n\t\"mcpServers\": {\n\t\t\"frontend-review\": {\n\t\t\t\"command\": \"npx\",\n\t\t\t\"args\": [\"frontend-review-mcp HYPERBOLIC_API_KEY=\"],\n\n\t\t}\n\t}\n}\n```\n\n* 要全局安装，请将此命令添加到您的 Cursor 设置中：\n\n```bash\nnpx frontend-review-mcp HYPERBOLIC_API_KEY=\n```\n\n### 风帆冲浪\n\n* 将 MCP 服务器添加到您的`~/.codeium/windsurf/mcp_config.json`文件：\n\n```json\n{\n\t\"mcpServers\": {\n\t\t\"frontend-review\": {\n\t\t\t\"command\": \"npx\",\n\t\t\t\"args\": [\"frontend-review-mcp HYPERBOLIC_API_KEY=\"]\n\t\t}\n\t}\n}\n```\n\n## 工具\n\n目前，唯一的工具是`reviewEdit` 。\n\n您的代理将使用以下参数调用此工具：\n\n* `beforeScreenshotPath` ：编辑前页面截图的绝对路径。\n* `afterScreenshotPath` ：编辑后页面截图的绝对路径。\n* `editRequest` ：用户提出的 UI 编辑请求的详细描述。\n\n该工具将返回`yes`或`no` ”的响应，表明该编辑在视觉上是否满足编辑请求。如果“否”，它将提供编辑不满足请求的详细说明，以便您继续进行操作。\n\n## 审查模型\n\n目前，审核模型是 Hyperbolic 的`Qwen/Qwen2-VL-72B-Instruct` 。如果审核失败，系统会自动使用以下模型重试请求：\n\n后备顺序：\n\n1. `Qwen/Qwen2-VL-72B-Instruct`\n2. `Qwen/Qwen2-VL-7B-Instruct`\n3. `meta-llama/Llama-3.2-90B-Vision-Instruct`\n4. `mistralai/Pixtral-12B-2409`\n\n如果您想使用不同的模型作为第一个模型，您可以将`MODEL`参数添加到命令中：\n\n```bash\nnpx frontend-review-mcp HYPERBOLIC_API_KEY= MODEL=\n```\n\n它将首先尝试指定的模型，如果失败，则尝试其他模型。\n\n## 截屏\n\n您可以使用任何 MCP 服务器来截取屏幕截图。\n\n## AI指令\n\n您可以在 AI 的提示中包含以下说明，以使其截取屏幕截图并审查编辑：\n\n```md\nWhen making frontend edits:\n\n- Before making any changes, call the mcp_takeScreenshot function to save the current state of the page.\n- After making your change, call the mcp_takeScreenshot function again to save the new state of the page.\n- Screenshots will be saved to /screenshots folder.\n- Run this command to get the absolute paths of the 2 most recent screenshots in the /screenshots folder:\n\n\n\nfind screenshots -type f -name \"*.png\" -exec stat -f \"%m %N\" {} \\; | sort -nr | head -n 2 | awk '{print $2}' | xargs realpath | awk 'NR==1 {print \"before path: \", $0} NR==2 {print \"after path: \", $0}'\n\n\n- Call the mcp_reviewEdit function to have your changes visually reviewed.\n- Use the following format for the tool call:\n\n{\n \"beforeScreenshotPath\": string, // Absolute path to the second-most recent screenshot\n \"afterScreenshotPath\": string, // Absolute path to the most recent screenshot\n \"editRequest\": string // Describe the edit request from the user in a couple of sentences\n}\n\n- You should summarize my edit request into a couple of sentences so that the frontend reviewer understands the changes you made.\n\n- The tool will either return \"yes\" if your changes are good, or \"no\" with a brief explanation if the changes don't satisfy the edit request. Keep editing with the same process until the reviewer returns \"yes\".\n\n```\n\n## 尖端\n\n为获得最佳体验，请确保在光标设置中启用 YOLO 模式并关闭 MCP 工具保护。","Chinese","zh-CN","githubUser","locale",{"_71":72,"_73":74,"_13":88,"_93":32,"_94":32,"_95":96,"_99":100,"_120":-5,"_16":121,"_122":123,"_124":125,"_33":34,"_143":113,"_144":145,"_148":-5,"_149":-5,"_150":-5,"_151":152,"_158":-5,"_132":109,"_159":-5,"_160":161,"_114":182,"_183":184},"addedAt",["D",1746100896618],"argumentsJsonSchema",{"_75":76,"_85":86,"_80":87},"properties",{"_77":78,"_82":83},"MODEL",{"_31":79,"_80":81},"Optional model to use for reviews (defaults to Qwen/Qwen2-VL-72B-Instruct)","type","string","HYPERBOLIC_API_KEY",{"_31":84,"_80":81},"Your Hyperbolic API key","required",[82],"object",[89,90,91,92],"language:javascript","security_grade:a","quality_grade:a","license_grade:f","descriptionMarkdown","descriptionPlainText","githubProject",{"_35":36,"_97":98},"url","https://github.com/ZukAi-MCP/frontend-review-mcp","githubRepository",{"_101":102,"_103":104,"_105":106,"_107":108,"_33":109,"_110":111,"_116":117,"_118":-5,"_119":117},"defaultBranch","main","fullName","ZukAi-MCP/frontend-review-mcp","githubTreeId",113498,"language","JavaScript","frontend-review-mcp","owner",{"_112":113,"_114":115},"login","ZukAi-MCP","uid","aqX1VaKY1w","recentStargazers",2,"spdxLicense","stargazers","glamaJson",6179,"inspectable",true,"integrations",[126,136],{"_127":128,"_31":134,"_114":135},"brand",{"_129":130,"_33":131,"_132":133},"logoSvgPath","M1 0a1 1 0 0 0-1 1v22c0 .063.007.124.018.184L0 23.199l.025.026c.103.443.5.775.975.775h22a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1H1zm.707 1h20.582l-2 2H3.707l-2-2zM23 1.705v20.588l-2-2V3.705l2-2zM1 1.707l2 2v16.492l-2 2V1.707zM4 4h16v16H4V4zm3.537 3c-1.006 0-1.51.535-1.51 1.605v2.297c0 .4-.184.6-.554.6a.47.47 0 0 0-.344.139.512.512 0 0 0-.129.365.49.49 0 0 0 .129.353.47.47 0 0 0 .344.139c.37 0 .554.2.554.6v2.297c0 1.07.504 1.605 1.51 1.605.136 0 .248-.05.334-.148A.494.494 0 0 0 8 16.498a.512.512 0 0 0-.129-.365.439.439 0 0 0-.334-.139c-.376 0-.564-.199-.564-.6v-2.296c0-.46-.1-.823-.297-1.092.099-.138.173-.3.222-.485.05-.183.075-.389.075-.619V8.605c0-.4.188-.6.564-.6a.439.439 0 0 0 .334-.138A.499.499 0 0 0 8 7.512a.53.53 0 0 0-.129-.364A.425.425 0 0 0 7.537 7zm8.926 0a.425.425 0 0 0-.334.148.53.53 0 0 0-.129.364.5.5 0 0 0 .129.355.439.439 0 0 0 .334.139c.376 0 .564.199.564.6v2.296c0 .23.025.436.075.62.049.183.123.346.222.484-.197.27-.297.632-.297 1.092v2.297c0 .4-.188.6-.564.6a.439.439 0 0 0-.334.138.512.512 0 0 0-.129.365c0 .145.043.262.129.354a.425.425 0 0 0 .334.148c1.006 0 1.51-.535 1.51-1.605v-2.297c0-.4.184-.6.554-.6a.439.439 0 0 0 .334-.139.475.475 0 0 0 .139-.353.492.492 0 0 0-.139-.365.439.439 0 0 0-.334-.139c-.37 0-.554-.2-.554-.6V8.605c0-1.07-.504-1.605-1.51-1.605zm-7.25 6a.737.737 0 0 0-.496.227.717.717 0 0 0-.217.529.74.74 0 0 0 .75.744.74.74 0 0 0 .75-.744.717.717 0 0 0-.217-.53A.71.71 0 0 0 9.25 13h-.037zm2.75 0a.737.737 0 0 0-.496.227.717.717 0 0 0-.217.529.74.74 0 0 0 .217.53c.152.143.33.214.533.214a.74.74 0 0 0 .75-.744.717.717 0 0 0-.217-.53A.71.71 0 0 0 12 13h-.037zm2.75 0a.737.737 0 0 0-.496.227.717.717 0 0 0-.217.529.74.74 0 0 0 .217.53c.152.143.33.214.533.214a.74.74 0 0 0 .75-.744.717.717 0 0 0-.217-.53.71.71 0 0 0-.533-.226h-.037zm-11.1 8h16.68l2 2H1.613l2-2z","Codeium","slug","codeium","Provides integration with Codeium's Windsurf tool, allowing AI agents to conduct visual reviews of UI edits by analyzing before and after screenshots.","w897lf4jgv",{"_127":137,"_31":141,"_114":142},{"_129":138,"_33":139,"_132":140},"M18.25 0c-3.05 0-5.52 2.477-5.52 5.523 0 3.842-3.125 6.967-6.972 6.967-1.506 0-2.894-.46-4.03-1.26 1.105 1.98 2.765 3.6 4.759 4.67v2.51c0 3.04 2.428 5.56 5.463 5.59 3.07 0 5.58-2.46 5.58-5.52V15.9c3.64-1.96 6.16-5.8 6.23-10.208v-.165C23.76 2.477 21.28 0 18.25 0ZM5.758.0002C2.715.0002.2399 2.477.2399 5.523c0 3.044 2.4751 5.517 5.5181 5.517 3.044 0 5.512-2.473 5.512-5.517 0-3.046-2.468-5.5228-5.512-5.5228Z","YOLO","yolo","Recommends using YOLO mode in Cursor settings for optimal experience with the frontend review tool.","v1tq0eyhb0","namespace","npmPackage",{"_33":109,"_146":147},"weeklyDownloads",22,"prompts","redditPostForeignId","resources","scores",{"_153":154,"_155":156,"_157":156},"license",0,"quality",100,"security","simpleIcon","supportedPlatforms","tools",[162],{"_33":163,"_31":164,"_165":166},"reviewEdit","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.","inputSchema",{"_80":87,"_167":168,"_85":169,"_75":173,"_180":181},"$schema","http://json-schema.org/draft-07/schema#",[170,171,172],"beforeScreenshotPath","afterScreenshotPath","editRequest",{"_172":174,"_171":176,"_170":178},{"_80":81,"_31":175},"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.",{"_80":81,"_31":177},"Absolute path to the 'after' screenshot file (png)",{"_80":81,"_31":179},"Absolute path to the 'before' screenshot file (png)","additionalProperties",false,"8oo6m7pipg","updatedAt",["D",1746100999721],"meta",[187,190,192,199,202,204,207,210,213,216,219,221,224,227,229,231,233,235,237],{"_188":189},"title","Frontend Review MCP | Glama",{"_191":32,"_33":31},"content",{"_193":194,"_195":196,"_197":198},"href","https://glama.ai/mcp/servers/@ZukAi-MCP/frontend-review-mcp","rel","canonical","tagName","link",{"_191":34,"_200":201},"property","og:title",{"_191":32,"_200":203},"og:description",{"_191":205,"_200":206},"https://glama.ai/logo.png","og:logo",{"_191":208,"_200":209},"https://glama.ai/mcp/servers/@ZukAi-MCP/frontend-review-mcp/og-image","og:image",{"_191":211,"_200":212},"630","og:image:height",{"_191":214,"_200":215},"1200","og:image:width",{"_191":217,"_200":218},"website","og:type",{"_191":194,"_200":220},"og:url",{"_191":222,"_200":223},"Glama – MCP Hosting Platform","og:site_name",{"_191":225,"_33":226},"summary_large_image","twitter:card",{"_191":222,"_33":228},"twitter:title",{"_191":32,"_33":230},"twitter:description",{"_191":208,"_33":232},"twitter:image",{"_191":211,"_33":234},"twitter:image:height",{"_191":214,"_33":236},"twitter:image:width",{"_238":239},"script:ld+json",{"_240":241,"_242":243},"@context","http://schema.org","@graph",[244],{"_240":245,"_246":247,"_248":249},"https://schema.org","@type","BreadcrumbList","itemListElement",[250,257,260,264],{"_246":251,"_252":253,"_33":254,"_255":256},"ListItem","item","https://glama.ai/","Glama","position",1,{"_246":251,"_252":258,"_33":259,"_255":117},"https://glama.ai/mcp","MCP",{"_246":251,"_252":261,"_33":262,"_255":263},"https://glama.ai/mcp/servers","Servers",3,{"_246":251,"_252":194,"_33":34,"_255":265},4,"visitorIsMaintainer","routes/_public/mcp/servers/~namespace/~slug/_pages/reviews/_route",{"_68":-5,"_29":269,"_185":296,"_331":-5},{"_71":270,"_73":271,"_13":276,"_93":32,"_94":32,"_95":277,"_99":278,"_120":-5,"_16":121,"_122":123,"_124":280,"_33":34,"_143":113,"_144":285,"_148":-5,"_149":-5,"_150":-5,"_151":286,"_158":-5,"_132":109,"_159":-5,"_160":287,"_114":182,"_183":295},["D",1746100896618],{"_75":272,"_85":275,"_80":87},{"_77":273,"_82":274},{"_31":79,"_80":81},{"_31":84,"_80":81},[82],[89,90,91,92],{"_35":36,"_97":98},{"_101":102,"_103":104,"_105":106,"_107":108,"_33":109,"_110":279,"_116":117,"_118":-5,"_119":117},{"_112":113,"_114":115},[281,283],{"_127":282,"_31":134,"_114":135},{"_129":130,"_33":131,"_132":133},{"_127":284,"_31":141,"_114":142},{"_129":138,"_33":139,"_132":140},{"_33":109,"_146":147},{"_153":154,"_155":156,"_157":156},[288],{"_33":163,"_31":164,"_165":289},{"_80":87,"_167":168,"_85":290,"_75":291,"_180":181},[170,171,172],{"_172":292,"_171":293,"_170":294},{"_80":81,"_31":175},{"_80":81,"_31":177},{"_80":81,"_31":179},["D",1746100999721],[297,299,301,303,305,306,307,308,309,310,311,312,313,314,315,316,317,318,319],{"_188":298},"Reviews | Frontend Review MCP | Glama",{"_191":300,"_33":31},"Read community reviews and feedback for Frontend Review MCP. Discover user experiences, ratings, strengths, and potential limitations of this MCP implementation from actual users.",{"_193":302,"_195":196,"_197":198},"https://glama.ai/mcp/servers/@ZukAi-MCP/frontend-review-mcp/reviews",{"_191":304,"_200":201},"Reviews | Frontend Review MCP",{"_191":300,"_200":203},{"_191":205,"_200":206},{"_191":208,"_200":209},{"_191":211,"_200":212},{"_191":214,"_200":215},{"_191":217,"_200":218},{"_191":302,"_200":220},{"_191":222,"_200":223},{"_191":225,"_33":226},{"_191":222,"_33":228},{"_191":300,"_33":230},{"_191":208,"_33":232},{"_191":211,"_33":234},{"_191":214,"_33":236},{"_238":320},{"_240":241,"_242":321},[322],{"_240":245,"_246":247,"_248":323},[324,325,326,327,328],{"_246":251,"_252":253,"_33":254,"_255":256},{"_246":251,"_252":258,"_33":259,"_255":117},{"_246":251,"_252":261,"_33":262,"_255":263},{"_246":251,"_252":194,"_33":34,"_255":265},{"_246":251,"_252":302,"_33":329,"_255":330},"Reviews",5,"review","actionData","errors"]

Rate & Review