por Juanjo LunaCapturar elementos HTML como imagen
Te ayuda a convertir elementos HTML en imágenes SVG, PNG, JPG o WebP. Sirve cuando necesitas conservar estilos, fuentes y pseudoelementos al guardar una captura de una página.
Descripción original (inglés)
snapdom: snapDOM is a fast, accurate DOM-to-image capture tool that converts HTML elements into scalable SVG images. Use for capturing HTML elements, converting DOM to images (SVG, PNG, JPG, WebP), preserving styles, fonts, and pseudo-elements.
Cómo instalarla
Una skill es una carpeta con un fichero SKILL.md. Para instalarla basta con copiar la carpeta snapdom en el sitio donde tu agente busca sus skills.
- Sin terminal: abre la carpeta en GitHub, descárgala y cópiala en la carpeta de tu agente (tabla de abajo).
- Con terminal (macOS, Linux o Git Bash en Windows): elige tu agente y copia los comandos.
git clone --depth 1 https://github.com/2025Emma/vibe-coding-cn.git /tmp/skill-src
mkdir -p ~/.claude/skills
cp -r "/tmp/skill-src/i18n/zh/skills/snapdom" ~/.claude/skills/snapdom
rm -rf /tmp/skill-src| Agente | Para todos tus proyectos | Solo un proyecto |
|---|---|---|
| Claude Code | ~/.claude/skills | .claude/skills |
| GitHub Copilot | ~/.copilot/skills | .github/skills |
| Codex | ~/.agents/skills | .agents/skills |
| Gemini CLI | ~/.gemini/skills | .gemini/skills |
Muchos agentes leen también .agents/skills. Reinicia el agente después de instalar. Antes de instalar una skill, revisa su SKILL.md y los scripts que incluya: se ejecutan con tus permisos.
Más skills de 2025Emma/vibe-coding-cn
- Usar CCXT para trading cripto ccxt
- Guía avanzada de Claude Code claude-code-guide
- Aprender a usar Claude API claude-cookbooks
- Crear skills reutilizables para Claude claude-skills
- Usar CoinGecko API coingecko
- Leer datos de cripto en tiempo real cryptofeed
- Crear bots de trading con Hummingbot hummingbot
- Usar Polymarket y sus mercados polymarket
Explicación redactada con ayuda de IA a partir de la descripción original.