Epic Infographics

Epic Infographics is an open-source skill for AI agents that creates scene-based data infographics rather than template-style dashboards. It selects a visual metaphor, design language, canvas format, and data representation; computes chart geometry from the supplied data; validates color palettes for color-blind safety; and uses a preflight check to detect collisions, clipping, off-canvas elements, and undersized text.

The skill builds graphics as HTML/CSS, renders them through headless Chromium and Playwright, and reviews the resulting PNG against an anti-template checklist. It can also storyboard motion on the approved still, scrub CSS animations frame by frame, and assemble deterministic MP4 or GIF output with ffmpeg while applying the same layout checks to the animation. The repository includes design-language specifications, chart and motion references, HTML templates, rendering and validation scripts, example briefs, and plugin manifests for Claude Code, Codex, Factory Droid, and Pi.

It is distributed under the MIT license. Rendering requires a browser setup with Playwright Chromium, while the generated HTML sources can be opened in a regular browser.