coding Evergreen

Peridio Blog Image Pipeline

AI-assisted blog and Open Graph images for Peridio: shader stylization, pixelation, theme locked in. Three years in production; standout social previews.

Planted
Last tended
Tags
AI WorkflowsWebGLBrand DesignOpen GraphMarketing AutomationDesign Engineering

Key Takeaway

Purpose-built tooling can encode a graphic language — shaders, pixelation, and theme tokens — so blog and social assets ship on-brand without pulling design into every post.

The Problem

Marketing needed blog hero art and teaser images at the pace editorial moves — without opening a ticket queue for design on every article. The bar was high: a recognizable Peridio look, not stock gradients, and previews that still read when a link hits Slack or X.

What I Built

A small internal generator that hands off creation and management of the graphic style: a shader-driven look with controlled pixelation and the theme baked into the pipeline, so output stays consistent even when non-designers run it. It covers blog hero images and teaser / social images in one flow.

The approach was built entirely with AI-assisted workflows — from iteration on the visual language to the glue code — similar in spirit to how I automate file ops with small scripts, but here the output is rendered imagery, not repo files. Examples of the live output ship with Peridio’s blog posts.

Production Track Record

It has been in production for almost three years with a proven track record: the team ships graphics without waiting on design, and the blog has been able to differentiate from competitors when links are shared — the social preview is not a generic placeholder.

What’s Next

Tightening presets as the brand evolves, and documenting the prompt + pipeline patterns so other teams can reuse the model for their own “tiny software” workflow tools.

Tools Used

WebGLTypeScriptNode.jsPeridio brand system