Convert Long Blog Lists Into Instagram Carousels With Nano Banana, AI HTML, and OpenRouter

Description and use

A workflow that converts long markdown blogs into Instagram carousels using Nano Banana, AI HTML, and OpenRouter, enabling automated image, HTML, or React component generation and status tracking via an admin table.

Problem

Developer sites with large markdown archives lack a scalable way to transform long blog posts into Instagram‑ready carousels, leading to manual, repetitive design work.

Outcome

The workflow transforms markdown blogs into Instagram carousels with minimal manual effort, supports multiple output formats, and centralizes status tracking.

Workflow

• Build admin table from markdown catalog
• Derive rows with title, category, sections, slide count, status, URL
• Select a blog row and choose output mode
• If mode A: plan slides with chat, generate images via OpenRouter, preview and download
• If mode B: generate AI HTML slides, render in React, export to PNG
• If mode C: generate React component slides, preview, rasterize or keep for reuse
• Store generated status locally or in DB
• Publish PNGs or components to Instagram

Evidence

Without that view, every post becomes a one‑off design job. You open the essay, invent a carousel structure, rewrite the copy for mobile, pick colors, export slides, and forget which blogs you already turned into posts.

Source

One H2 ≈ one carousel slide.

Source

Use Lite when you are batching a long list. Step up to Flash or Pro when a single carousel needs sharper type.

Source