compare
Compare a design against a rendered implementation and get structured discrepancies. Provide a Figma URL, design image, or component description to produce a report of visual differences.
Instructions
Compare a design against a rendered implementation and return discrepancies (measured on kiyas's golden eval set: 90% mutation recall, zero false positives on identical pairs). Provide figma (frame URL) or designImage (local path or URL of a design screenshot), plus either target (a URL) or component (natural-language description; kiyas finds it in the codebase). No Figma token needed for designImage — if a Figma MCP server is connected, export the frame as an image with its screenshot tool and pass that here. Returns a reportId you can pass to get_diff_report or list_issues.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| name | No | Friendly name for the comparison, used in the report header | |
| runs | No | Run the comparison N times and keep majority-vote findings — higher consistency at N× cost (default: 1) | |
| wait | No | Time in ms to wait after page load before screenshotting | |
| figma | No | Figma frame/component URL. Provide either `figma` OR `designImage`. | |
| model | No | AI provider (default: claude) | |
| scale | No | Render scale applied to both the Figma export and the screenshot (default: adaptive — 2 for component-sized captures, 1 for large ones) | |
| target | No | Direct URL of the rendered component. Provide either `target` OR `component`. | |
| fullPage | No | Capture the full scrollable page when no selector is given (default: true) | |
| selector | No | CSS selector to screenshot a specific element | |
| viewport | No | Viewport for the screenshot, format WIDTHxHEIGHT (default: 1280x720) | |
| authState | No | Path to a Playwright storageState JSON file (cookies + localStorage). Lets kiyas screenshot authenticated views the same way your tests do. Generate with `npx playwright codegen --save-storage=auth.json`. | |
| component | No | Natural-language description of the component to find in the codebase, e.g. "primary button on the login page". | |
| devServer | No | Dev server base URL (default: auto-detect a listening server on ports 3000/5173/8080/4200, else http://localhost:3000) | |
| threshold | No | Severity threshold for the rendered HTML report (default: all) | |
| colorScheme | No | Force prefers-color-scheme for the capture. Default: auto — kiyas detects the design's brightness and retries in the matching scheme. | |
| designImage | No | Local path, http(s) URL, or base64 data: URI of a design image (e.g. a screenshot) to compare against, instead of a Figma URL. Useful when no Figma token is configured — e.g. export the frame with a connected Figma MCP server's screenshot tool and pass the resulting file path or image URL here. |