Нужно захватить стилизованные DOM-элементы как изображения? SnapDOM обеспечивает быструю и точную конверсию DOM в изображения с поддержкой форматов SVG, PNG, JPG и WebP, сохраняя шрифты, псевдоэлементы и CSS-эффекты.
Die Skill-ZIP herunterladen
In Claude hochladen
Gehe zu Einstellungen → Fähigkeiten → Skills → Skill hochladen
Einschalten und loslegen
Teste es
Verwendung von "snapdom". Capture the main heading section as a PNG with my company logo and custom fonts preserved.
Erwartetes Ergebnis:
- ✓ Захвачен секция заголовка со встроенными шрифтами
- ✓ Вывод: PNG с масштабом 2x (высокое разрешение)
- ✓ Сохранено: пользовательская типографика, логотип, CSS-эффекты
- ✓ Готово к скачиванию или прямой вставке в DOM
Sicherheitsaudit
SicherThis skill consists entirely of markdown documentation files describing a browser-based JavaScript library. No executable code, scripts, network calls, or filesystem access beyond its own documentation files were detected. The skill is purely informational.
Qualitätsbewertung
Was du bauen kannst
Создание скриншотов компонентов
Автоматически захватывать UI-компоненты для документации, артефактов тестирования или экспорта дизайн-систем.
Создание изображений для социальных сетей
Конвертировать стилизованные HTML-макеты в правильно размерные изображения для социальных сетей с сохранением брендовых элементов.
Визуальное регрессионное тестирование
Захватывать DOM-снимки для визуальных сравнений diff для обнаружения непреднамеренных изменений стилей.
Probiere diese Prompts
Use SnapDOM to capture this element as a PNG image with 2x scale for high resolution.
Convert this chart element to SVG format, embedding all custom fonts and keeping CSS transforms.
Capture all chart cards on this page as individual PNG files with custom dimensions of 800x600.
Capture this dashboard section that includes images from external domains, using a CORS proxy for blocked assets.
Bewährte Verfahren
- Используйте параметр scale вместо width/height для лучшей производительности при захвате в высоком разрешении
- Включите embedFonts: true для корректного рендеринга пользовательских шрифтов в экспортированных изображениях
- Установите useProxy: true при захвате элементов с изображениями из внешних доменов для избежания проблем с CORS
Vermeiden
- Избегайте захвата очень больших секций страницы; разбивайте на меньшие части для лучшей производительности
- Не забывайте дожидаться полной загрузки шрифтов перед захватом элементов с пользовательской типографикой
- Избегайте установки качества ниже 0.9 для экспорта PNG/JPG, так как это вызывает видимые артефакты сжатия