diff_component
Render UI component code before and after a change, then produce a pixel diff image showing visual differences with percentage changed. Use this to catch unintended visual changes during refactoring.
Instructions
Visual regression test: render before/after code and return a pixel diff image with percentage changed. Use this during refactoring to catch unintended visual changes.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| before | Yes | Component code BEFORE the change | |
| after | Yes | Component code AFTER the change | |
| framework | No | Framework: html, react, vue, or svelte | react |
| width | No | Viewport width (px) | |
| height | No | Viewport height (px) |