Skip to main content
Glama
wenym8

figmingo-mcp

by wenym8

verify_html_parity

Verifies HTML parity with Figma design by running content, structural, and visual gate comparisons, outputting a JSON report with diff images.

Instructions

The acceptance gate. Compares rendered HTML against a Figma replica spec: content gate (copy/font/color tolerances: font size ±1px, letter-spacing ±0.5px, line-height ±2px, color ±2/255), structural gate (position/size ±4px), visual gate (pixelmatch diff ratio ≤ 1%, 2px crop tolerance). Emits a JSON report + diff images.

Input Schema

TableJSON Schema
NameRequiredDescriptionDefault
urlNoRemote URL of the HTML page.
htmlNoRaw HTML string.
specNoInline spec JSON (string or object).
outDirNoDirectory for report.json + diff images (default ./figmingo-parity-out).
htmlPathNoLocal HTML file path.
sectionsNoHTML section selectors (default: auto-detect semantic elements).
specPathNoPath to a spec JSON from get_html_replica_spec.
hideFixedNo
sectionMapNospec section id → html section id overrides.
skipVisualNoRun only content+structural gates.
skipSectionsNoSpec section ids/names to skip (e.g. floating widgets).
viewportWidthNo
expectedCountsNo
looseRectHintsNoExtra rect slack per assetHint, e.g. {"product": 20}.
viewportHeightNo
visualMaxRatioNodefault 0.01
positionToleranceNodefault 4
figmaScreenshotPathNoExisting PNG of the Figma design (skips REST render).
Behavior4/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

Without annotations, the description adequately discloses behavioral traits: it compares HTML vs Figma spec with tolerances, outputs JSON report and diff images. It does not mention side effects, rate limits, or auth needs, but the read-only nature is implied. The output format is clearly stated.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness4/5

Is the description appropriately sized, front-loaded, and free of redundancy?

The description is concise (4 sentences) and front-loaded with the main purpose. It packs many details efficiently, though a bullet list for the three gates could improve scannability. No extraneous words.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness4/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

Given the complexity (18 params, no output schema, no annotations), the description explains the tool's core function and output well. However, it omits input requirements (e.g., need for either url or html) and does not mention edge cases or resource consumption, leaving minor gaps.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters3/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

Schema description coverage is 78%, so baseline is 3. The description does not add meaning beyond the schema; it focuses on overall behavior rather than parameter interactions (e.g., precedence rules for url, html, or spec). No parameter-specific details are provided.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose5/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description clearly states the tool is an 'acceptance gate' that compares rendered HTML against a Figma replica spec, detailing three specific gates (content, structural, visual) with tolerances. This distinguishes it from siblings like compare_html_to_image or get_html_replica_spec, which are more limited in scope.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines3/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

The description implies usage for final validation but does not explicitly state when to choose this tool over alternatives (e.g., compare_html_to_image). There is no guidance on prerequisites or exclusions, leaving the agent to infer context.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

Install Server

Other Tools

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/wenym8/figmingo-mcp'

If you have feedback or need assistance with the MCP directory API, please join our Discord server