| name | description |
|---|---|
html-to-png |
Use this skill whenever you want to convert an HTML, JavaScript, or CSS diagram, visualization, or UI component into a transparent PNG image. Triggers include any mention of 'export to PNG', 'transparent PNG', 'save as image', 'screenshot of HTML', 'render to PNG', or requests to turn web-based visuals (diagrams, charts, infographics, architecture drawings, flowcharts, etc.) into downloadable image files. Also use when you have an existing HTML file and want a static image version. Do NOT use for PDF generation, video/GIF recording, or non-image export formats. |
This skill converts HTML/CSS/JS content into high-resolution transparent PNG images using Puppeteer and headless Chrome. It handles font loading, CSS animations (waiting for them to settle), retina-quality rendering, and transparent backgrounds.