PNG renderer

Renders a self-contained infographic HTML file to a font-safe PNG through headless Chromium.

Parent repository GitHub

Type: Command
Repository: OrRon/EpicInfographics
Readiness: Usable for reviewed creative workflows, but local scripts, browser dependencies, generated claims, and output quality require human oversight.
Keywords: 5

Location

Repository path

skills/epic-infographics/scripts/render.mjs

Invocation

node scripts/render.mjs infographic.html infographic.png --preset square

Setup

Installation / activation

Used after the layout preflight passes.

Keywords

rendererpngplaywrightchromiumhtml

Repository context

OrRon/EpicInfographics

MIT-licensed Claude Code plugin and portable Agent Skill that turns a brief or dataset into a scene-first self-contained HTML/CSS/inline-SVG infographic, mechanically checks layout, renders PNG through Playwright Chromium, reviews and revises the result, and optionally produces deterministic MP4/GIF animation with ffmpeg.

infographic designdata visualizationgraphic designsocial media graphicsprint designanimationvisual storytellingaccessibility

Open full repository research