What problem does it solve? Creating consistent, legible static visuals for slide decks and books requires juggling multiple formats, pipelines, and tools. This Skill unifies panel images (1920x800), square infographics (1920x1920), technical diagrams, and data charts into one entry point that picks the right format and pipeline automatically. ## Core Features & Use Cases - Format Decision: Routes each request to the right output format — 1920x800 panels for slides, 1920x1920 squares for dense visual summaries, or fullwidth diagrams and charts. - Four Pipelines: Photorealistic images via JSON prompts for external image services, D3.js technical diagrams with arrows and labels, D3.js data charts, and D3.js infographics with four layout templates. - HTML-to-PNG Capture: Ships a Puppeteer-based capture script that renders HTML/SVG at exact dimensions, with fallback from puppeteer to puppeteer-core plus a cached or system Chrome. - Use Case: A user asks for a "quadro resumo" of a chapter; the Skill selects the 1920x1920 infographic layout, generates D3.js HTML with theme colors and minimum 24px fonts, and captures a PNG saved to the deck's assets folder. ## Quick Start Ask the assistant to create a static image, diagram, chart, or infographic for your slide deck and it will generate the HTML and capture the PNG into the deck's assets folder.
