html2png Skills

AI skills for html2png.dev - helping AI agents generate images via HTML/CSS.

Skills Overview

Skill	Purpose	Trigger Examples
html-to-image	Core API for any HTML-to-image conversion	"convert html to png", "generate image from html"
website-screenshot	Capture live websites by URL	"screenshot website", "capture webpage"
code-to-image	Syntax-highlighted code snippets	"code screenshot", "share code as image"
og-image	Social media preview cards	"og image", "twitter card", "social share image"

Why These Skills Exist

AI is better at designing symmetric, crisp images with perfect typography using HTML/CSS than generating raster images directly. These skills help AI agents:

• Generate images with perfect text rendering
• Create pixel-precise geometric layouts
• Use any web font or icon library via CDN
• Apply modern CSS (gradients, shadows, glassmorphism)

Installation

Install each skill directly from this repo:

# html-to-image
npx skills add https://github.com/html2png/skills --skill html-to-image

# website-screenshot
npx skills add https://github.com/html2png/skills --skill website-screenshot

# code-to-image
npx skills add https://github.com/html2png/skills --skill code-to-image

# og-image
npx skills add https://github.com/html2png/skills --skill og-image

License

MIT