Convert HTML elements to SVG, PNG, JPG, or WebP images.
npx skills add https://github.com/ShunmeiCho/dotclaude --skill snapdom-shunmeicho
Please help me install this Agent Skill. Skill: snapdom Source: https://github.com/ShunmeiCho/dotclaude/tree/main/skills/snapdom Command: npx skills add https://github.com/ShunmeiCho/dotclaude --skill snapdom-shunmeicho
SnapDOM provides a fast, dependency-free method to convert DOM elements into scalable images, preserving fonts, icons, and CSS styles.
Use SnapDOM to capture a target element and export it as SVG or PNG, with optional scale and font embedding.
High-intent search queries and answers about installing and using this skill.
Yes, you can capture DOM elements with pseudo-elements and web-fonts embedded by using a client-side rendering approach that supports optional CSS and shadow rendering. This ensures high-fidelity image exports with fonts and icons preserved accurately.
You can generate UI component previews for design systems by capturing DOM elements and exporting them as scalable images. This method supports automated testing workflows and documentation by preserving CSS styles, web-fonts, and visual fidelity.
Yes, DOM to image conversion can work with proxy support to handle external resources properly. This ensures that web-fonts and external assets are correctly embedded during the HTML element capture process for accurate SVG or raster outputs.
After exporting DOM elements to images, you can process these SVG or raster outputs for automated testing pipelines, embed them into component documentation, or integrate them into design system galleries for visual regression testing.
yongc2025Convert HTML DOM elements into SVG, PNG, and WebP images.
AZANIRGenerate test cases from UI screenshots and Figma exports via vision analysis.
BearflowerConvert HTML elements into SVG or raster images with embedded fonts.
2025EmmaConvert HTML elements into SVG, PNG, JPG, or WebP images.
