Epic Infographics for Claude Code
Native plugin packaging the infographic skill for Claude Code.
.claude-plugin/plugin.jsonClaude Code Agent Skill and rendering toolkit · Early-stage versioned project at 0.2.0 with examples, CI claims, contribution rules, and a security policy.
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.
Selection
Boundaries
Strengths
Risk profile
First-party evidence includes a security policy covering unexpected render-script fetching or execution, external scripts or data exfiltration in HTML, and prompt injection in skill files or examples. Vulnerabilities are reported privately through GitHub with a stated one-week response target, and only latest main is supported. The workflow executes local Node scripts and opens generated HTML in Chromium; no sandbox, audit, dependency review, or script implementation was supplied, so users should treat generated pages and scripts as trusted-code surfaces.
Component inventory
Native plugin packaging the infographic skill for Claude Code.
.claude-plugin/plugin.jsonCreates scene-first HTML/CSS/SVG infographics, renders PNGs, and reviews and fixes the output.
skills/epic-infographics/SKILL.mdClarifies audience, goal, context, motion, data, and a selected story angle before design.
skills/epic-infographics/SKILL.mdSelects metaphor, canvas, style, data forms, and composition; then builds, checks, renders, reviews, and revises a PNG.
skills/epic-infographics/SKILL.mdAdds staged CSS motion to an approved still and produces reviewed MP4/GIF output.
skills/epic-infographics/SKILL.mdChecks text collisions, clipping, canvas escape, readable sizes, and hero-element constraints.
skills/epic-infographics/scripts/check.mjsRenders a self-contained infographic HTML file to a font-safe PNG through headless Chromium.
skills/epic-infographics/scripts/render.mjsScrubs CSS animations frame by frame and renders video or GIF plus an optional contact sheet.
skills/epic-infographics/scripts/animate.mjsInstalls the skill's Node dependency and the Chromium browser used by Playwright.
skills/epic-infographics/package.jsonNamed scene specifications control palette, fonts, geometry, texture, and signature devices.
skills/epic-infographics/references/design-languages/Provides square, story, wide, OG, A4, and tall output formats.
skills/epic-infographics/SKILL.mdStarting boilerplate for the single-file infographic implementation.
skills/epic-infographics/templates/skeleton.htmlCodex plugin package exposing the same skill collection.
.codex-plugin/plugin.jsonFactory Droid plugin package exposing the infographic skill.
.factory-plugin/plugin.jsonRepository-level installation endpoint for Pi.
.agents/Copies the skill into a user-level or project-level Claude-compatible skills directory.
skills/epic-infographics/Technical profile
Classification
Evidence: a native Claude plugin or copied SKILL.md injects the workflow; bundled Node scripts expose checking, rendering, and animation tools; the skill sequences user choices, references, validation, visual review, correction, and optional motion. Setup is medium because rendering needs npm dependencies and Chromium, with ffmpeg additionally required for animation.
Claude Extension · medium setup effort · high confidence · automatedEvidence and risk
Routing context
Both use the Claude Code Agent Skills model; Epic Infographics is a specialized third-party skill rather than part of Anthropic's supplied examples.
high confidenceBoth provide portable design-oriented SKILL.md workflows, but Epic Infographics concentrates on an end-to-end infographic render and animation pipeline.
high confidenceBoth package Claude-installable visual production workflows with scripts and optional media output, while their primary deliverables differ.
medium confidenceBoth emphasize iterative visual review and skill-based graphics guidance; Epic Infographics adds a dedicated infographic preflight and render pipeline.
medium confidenceJakub Krehel's suite focuses interface critique and variants, while Epic Infographics focuses authored data graphics with its own review gates.
medium confidence