snapdom_screenshot
Capture precise DOM-to-image screenshots of Vue components for visual restoration, with configurable viewport, selectors, and shadow-aware snapDOM options.
Instructions
Take high-quality screenshots using snapDOM technology for precise DOM-to-image capture
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| port | No | Port where Vue dev server is running | |
| selector | No | Custom CSS selector to screenshot (optional) | |
| viewport | No | Viewport size for screenshot | |
| outputPath | No | Custom output path for screenshot (optional) | |
| projectPath | No | Path to the Vue project | /Users/yujie_wu/Documents/work/camscanner-cloud-vue3 |
| figmaEffects | No | Figma effects data for smart shadow padding calculation (optional) | |
| componentName | Yes | Name of the component to screenshot | |
| snapDOMOptions | No | snapDOM capture options for high-quality screenshots with box-shadow support |