Render self-contained HTML/CSS templates into PNG images via Playwright.
npx skills add https://github.com/renatoasse/opensquad --skill image-creator-renatoasse
Please help me install this Agent Skill. Skill: image-creator Source: https://github.com/renatoasse/opensquad/tree/main/skills/image-creator Command: npx skills add https://github.com/renatoasse/opensquad --skill image-creator-renatoasse
Generating consistent, high-quality visuals from HTML/CSS templates can be error-prone and time-consuming when creating social media graphics, banners, or slide decks. This Skill provides a self-contained rendering engine that outputs pixel-perfect images for multiple platforms.
Create a self-contained HTML file with inline CSS, serve it locally, then render a screenshot with Playwright.
High-intent search queries and answers about installing and using this skill.
To render HTML and CSS into an image, you need a self-contained HTML file with inline CSS served locally, which is then captured as a pixel-perfect PNG screenshot using Playwright's headless browser automation.
Yes, you can generate social media graphics from HTML templates across multiple viewports. The rendering engine supports viewport control and batch rendering for multi-image outputs like slides, carousels, and banners.
The best way to automate screenshot capture for banners is using a deterministic workflow with self-contained HTML/CSS templates and Playwright, which outputs production-ready images suitable for social media campaigns.
No, you do not need external CSS files. The rendering workflow requires self-contained HTML templates with inline CSS to ensure deterministic, pixel-perfect image output across multiple platforms.
Misaligned HTML to image conversion often results from external dependencies or inconsistent viewport settings. Using self-contained HTML with inline CSS and strict viewport control ensures deterministic, pixel-perfect rendering.
Yes, image-creator works for generating slide deck visuals by rendering self-contained HTML/CSS templates into pixel-perfect images via automated screenshot capture, suitable for multi-image batch outputs.
bruno0henriqueRender self-contained HTML and CSS into PNG images using Playwright.
Prat011Enhances resolution, sharpness, and reduces compression artifacts of images and screenshots.
capaas2Renders self-contained HTML and CSS pages to PNG screenshots via Playwright with viewport sizing and verification.
ArnavPuriGenerate graphics with AI image generation and HTML/CSS/SVG code.
