Process Infographic Generator

Generate step-by-step process infographics as PNG by writing HTML+CSS and rendering through Chrome headless. Each infographic is a self-contained HTML file with numbered steps, titles, and descriptions arranged in a vertical timeline, horizontal phases, or grid layout.

The output is a static PNG suitable for blog posts, documentation, and presentations. No external images, no JavaScript, no server-side rendering.

Overview

Process infographics turn multi-step procedures into scannable visual flows. Use this skill when the content has a clear sequence: deployment pipelines, onboarding steps, request lifecycles, data transformation stages, or any numbered process.