Convert HTML elements into SVG, PNG, JPG, or WebP images.
npx skills add https://github.com/2025Emma/vibe-coding-cn --skill snapdom
Please help me install this Agent Skill. Skill: snapdom Source: https://github.com/2025Emma/vibe-coding-cn/tree/main/i18n/en/skills/snapdom Command: npx skills add https://github.com/2025Emma/vibe-coding-cn --skill snapdom
SnapDOM provides rapid, dependency-free DOM-to-image capture, converting HTML elements into scalable SVGs or raster images while preserving styles and fonts.
Install via NPM/Yarn or CDN and run a basic capture of a target DOM element.
High-intent search queries and answers about installing and using this skill.
SnapDOM converts HTML elements into SVG or raster images (PNG, JPG, WebP) directly in the browser using standard Web APIs. Select your target element, call the capture function, and export in your chosen format—no external dependencies required.
Yes. SnapDOM captures styled DOM including embedded fonts, pseudo-elements, and shadows. Fonts are embedded directly in the SVG or raster output, ensuring your design renders identically across different environments.
SnapDOM includes a proxy option to route external resources through a CORS-compatible endpoint. Enable the useProxy setting to bypass CORS restrictions when capturing elements with cross-origin images or fonts.
SnapDOM supports custom dimensions and scaling options. Set width, height, and scale parameters to control output resolution and size, allowing you to generate thumbnails, previews, or high-resolution exports from the same element.
Use the exclude option to omit specific DOM elements from your capture. This lets you hide UI controls, watermarks, or unwanted content before exporting, keeping your screenshot clean without modifying the live page.
Yes. SnapDOM has an extensible plugin system, allowing you to extend functionality with custom behavior. Plugins integrate into the capture pipeline to add processing, filtering, or format-specific transformations.
rohunvoraInject base.css and add classes to style bare HTML elements.
PsychQuantRoute image editing tasks to specialized MCP servers by content type.
Adelie-SquadDevelop reusable UI components with design-system tokens across React, Vue, and Angular.
AgiFlowGenerate p5.js generative art sketches with seeded randomness and philosophy documents.
