html-to-image
✓Genere imágenes nítidas y de alta calidad con tipografía perfecta y diseños geométricos precisos utilizando HTML/CSS. Úselo al crear tarjetas sociales, diagramas, certificados, maquetas de interfaz de usuario, capturas de pantalla de códigos o cualquier imagen que requiera una representación de texto nítida, alineación exacta o precisión vectorial. La IA se destaca en el diseño de diseños simétricos y con píxeles perfectos como HTML en lugar de generar imágenes rasterizadas directamente. Admite Tailwind CSS, Google Fonts, bibliotecas de iconos y cualquier recurso de diseño basado en web.
Instalación
SKILL.md
| html | string | required | HTML content | | width | int | 1200 | Width in px | | height | int | 630 | Height in px | | format | string | png | png, webp, pdf | | deviceScaleFactor | float | 2 | Retina scale (1-4) | | delay | int | 0 | Wait ms before capture | | selector | string | body | CSS selector to capture |
| omitBackground | bool | false | Transparent bg | | colorScheme | string | - | light or dark | | zoom | float | 1 | Viewport zoom |
Genere imágenes nítidas y de alta calidad con tipografía perfecta y diseños geométricos precisos utilizando HTML/CSS. Úselo al crear tarjetas sociales, diagramas, certificados, maquetas de interfaz de usuario, capturas de pantalla de códigos o cualquier imagen que requiera una representación de texto nítida, alineación exacta o precisión vectorial. La IA se destaca en el diseño de diseños simétricos y con píxeles perfectos como HTML en lugar de generar imágenes rasterizadas directamente. Admite Tailwind CSS, Google Fonts, bibliotecas de iconos y cualquier recurso de diseño basado en web. Fuente: html2png/skills.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/html2png/skills --skill html-to-image- Fuente
- html2png/skills
- Categoría
- *Creatividad
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es html-to-image?
Genere imágenes nítidas y de alta calidad con tipografía perfecta y diseños geométricos precisos utilizando HTML/CSS. Úselo al crear tarjetas sociales, diagramas, certificados, maquetas de interfaz de usuario, capturas de pantalla de códigos o cualquier imagen que requiera una representación de texto nítida, alineación exacta o precisión vectorial. La IA se destaca en el diseño de diseños simétricos y con píxeles perfectos como HTML en lugar de generar imágenes rasterizadas directamente. Admite Tailwind CSS, Google Fonts, bibliotecas de iconos y cualquier recurso de diseño basado en web. Fuente: html2png/skills.
¿Cómo instalo html-to-image?
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/html2png/skills --skill html-to-image Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor
¿Dónde está el repositorio de origen?
https://github.com/html2png/skills
Detalles
- Categoría
- *Creatividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01