Render HTML and CSS content into high-resolution PNG images with a headless Playwright browser.
npx skills add https://github.com/silaratur/VMO_GAB --skill image-creator-silaratur
Please help me install this Agent Skill. Skill: image-creator Source: https://github.com/silaratur/VMO_GAB/tree/main/skills/image-creator Command: npx skills add https://github.com/silaratur/VMO_GAB --skill image-creator-silaratur
This skill solves the challenge of programmatically generating high-quality, pixel-perfect visual assets like social media posts and infographics directly from web-standard code.
Use the image-creator skill to render the file slide-01.html into a 1200x627 PNG image.
High-intent search queries and answers about installing and using this skill.
To render HTML and CSS into PNG images, this skill uses a headless Playwright browser to navigate self-contained templates and capture pixel-perfect screenshots, converting web-standard code directly into production-ready visual assets.
Yes, you can automate screenshot generation for multi-slide carousels using batch processing, which sequentially renders multiple HTML files into a consistent set of high-resolution PNG images for social media platforms.
Yes, you need a local HTTP server to host your HTML templates so the headless Playwright browser can navigate to them and accurately capture pixel-perfect PNG screenshots.
You can configure precise viewport dimensions before rendering to match various social media platforms, ensuring the headless browser captures screenshots at the exact pixel dimensions required for your output.
The best way to programmatically generate infographics from web code is by passing dynamic content into pre-defined HTML and CSS templates, letting a headless browser handle the rendering into high-quality PNG files.
Yes, this approach works for generating branded LinkedIn carousel slides by injecting dynamic content into a pre-defined HTML template and batch rendering the sequence into individual PNG images.
bruno0henriqueRender self-contained HTML and CSS into PNG images using Playwright.
NicolasPadovamRender self-contained HTML and CSS into PNG images with Playwright.
renatoasseRender self-contained HTML/CSS templates into PNG images via Playwright.
winsorllcCreate and capture HTML5 Canvas diagrams and charts via Puppeteer.
