MCP Component Review
Analyzes React component changes by performing structural analysis and generating visual diffs to identify pixel-level differences. It integrates with Figma to validate implementation compliance against design specifications and automates component reviews across git branches.
Caution. Specific findings reduced this grade. They are listed on the page. Grades reflect the full trust pyramid: code, verification depth, and reputation. New projects cap at C until adoption is earned.
How we verified
Verified is a snapshot. Live keeps it current, and builds your track record.
⚡ Connect GitHub → continuous verification on every pushwhy connect →Who stands behind it
igorvieira
Source: Glama
Claim it to get a verified publisher badge, a free copy of our full audit findings, and direct contact for any high-priority issues we find. Or connect your repo for our deepest verification, Live Monitored: read-only, revoke anytime. What we access →
Install from
The grade above is for the source repository. Registries can serve a different version, so we mark the ones we were not able to read.
These names and descriptions are the publisher's own, read from the source code. We print them as written. Our assessment is the findings above, not this list.
compare_componentsCompare two React component files and get a structured diff showing changes in text, children, props, colors, spacing, and typography.
analyze_componentAnalyze a single React component file and extract its structure, including component tree, props, and styles (Tailwind, styled-components, CSS modules).
visual_diff_componentsTake screenshots of two React components and generate a visual diff image showing pixel-level differences. Returns paths to the generated images (old, new, diff, and combined side-by-side view).
get_figma_specsExtract design specifications from a Figma component including colors, spacing (padding, margin, gap), typography (font-size, font-weight, line-height), and dimensions.
validate_design_implementationCompare Figma design specs with a React component implementation. Returns a validation report showing matches, mismatches, and missing properties for colors, spacing, typography, and borders.
review_branchReview all changed React components in a git branch. Analyzes structural changes, generates visual diffs, and optionally validates against Figma designs. Returns a comprehensive report.
validate_and_fixValidate a React component against Figma specs and generate auto-fix instructions. If the component does not match the design, returns a detailed prompt with exact Tailwind/CSS changes needed. Use this to automatically fix design discrepancies.
Disclosed vulnerabilities in this server's declared npm dependencies (via OSV). Whether each is reachable depends on the installed versions.
Babel vulnerable to arbitrary code execution when compiling specifically crafted malicious code
Model Context Protocol (MCP) TypeScript SDK does not enable DNS rebinding protection by default
esbuild enables any website to send any requests to the development server and read the response
Dependencies
13 dependencies, 1 flagged: puppeteer
Tool annotations
No tools have read-only/destructive annotations
Add readOnlyHint or destructiveHint annotations to every tool so hosts can warn users before invoking.
All four hints declared on every tool
7/7 tools missing one or more hints — compare_components (missing: readOnlyHint, destructiveHint, idempotentHint, openWorldHint); analyze_component (missing: readOnlyHint, destructiveHint, idempotentHint, openWorldHint); visual_diff_components (missing: readOnlyHint, destructiveHint, idempotentHint, openWorldHint), +4 more. OpenAI's directory rejects tools where any of the four hints are missing or non-boolean.
For every tool, set all four hints (readOnlyHint, destructiveHint, idempotentHint, openWorldHint) to explicit true/false values that match the handler’s actual behaviour.
Tests exist
No test files found
Add tests that exercise each declared tool.
Shell command execution
7 child_process calls — runs shell commands
Prefer library functions over shell-outs. If you must shell out, ensure all inputs are properly escaped.
Production dependencies are patched
1 critical, 1 high severity in production deps — @babel/traverse@7.23.0 (critical), @modelcontextprotocol/sdk@1.0.0 (high)
Run npm audit fix, or upgrade the affected packages to a non-vulnerable version.
Dependency freshness
1/8 production deps stale: pngjs@2023-02-20 (3.5y)
Claim the listing to review these findings one by one and send us a correction where you disagree, straight to the team. Claiming also means we tell you when the grade moves, and reach you first if we find anything urgent.
[](https://m8ven.ai/mcp/igorvieira/mcp-component-review)?variant=verified from the URL.Vetting this one by hand? Tool Check is an MCP that scores other MCPs. Add it once and ask Claude, ChatGPT, or any MCP client to grade a server, surface CVEs, check the publisher, and suggest safer alternatives — before you install.
https://m8ven.ai/api/mcp/tool-check