Day 3 - Infographic Skill for Instagram Post

What it does: Give it stats or a topic → it builds an HTML design, detects brand colors, and screenshots a ready-to-post 1080×1350 PNG infographic using headless Edge/Chrome.

Trigger: /infographic <topic>

Optimization after watching it run: The first version put any number on the image — and I caught it grabbing a wrong stat from one source. So I added a rule: verify every stat against 2 sources before rendering (using the Firecrawl MCP to search + scrape the data). It caught its own bad data on the next run. ✅

Real-world proof: I already posted the output on my football IG page — @nalarbola ⚽ (World Cup 2026 semifinal graphics).

Screenshot: 👇 (attach the output PNG or my SKILL.md)

Simple skill, but I'll reuse it every day — powered by Claude + Firecrawl MCP. 🚀

#AISChallenge

1 comment

Day 3 - Infographic Skill for Instagram Post