snapdom

Convert HTML elements into scalable SVG or raster images.

Updated Aug 23, 2026

Search Tags:#fonts #canvas #svg #proxy #dom-to-image #snapdom

One-click install

npx skills add https://github.com/Romanrose/OTVLHA --skill snapdom-romanrose

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: snapdom
Source: https://github.com/Romanrose/OTVLHA/tree/main/i18n/zh/skills/04-开发工具/snapdom
Command: npx skills add https://github.com/Romanrose/OTVLHA --skill snapdom-romanrose

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

SnapDOM provides a fast, dependency-free method to capture HTML elements as scalable SVG or raster images, preserving styles, fonts, and pseudo-elements.

Core Features & Use Cases

DOM-to-image export: Convert HTML elements into scalable SVG or raster images while preserving CSS and fonts.
Multi-format outputs: SVG, PNG, JPG, WebP, Canvas data.
Style & element support: Embedded fonts, CSS pseudo-elements, text shadows, transform, and shadow DOM.
Performance & plugins: Ultra-fast, no dependencies; plugin system for custom transformations.
CORS handling: Proxy fallback for blocked resources.
Same-origin iframe support: Works within iframes for internal captures.

Quick Start

Use this Skill to capture a target DOM element, for example with id "target", and export as SVG or PNG, then embed fonts and icons as needed.