Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add gabrielmoreira/agent-skills-mirror --skill infographic-generatorgit clone --depth 1 https://github.com/gabrielmoreira/agent-skills-mirrorWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/gabrielmoreira/agent-skills-mirror/infographic-generator)<a href="https://agentmods.dev/skills/gabrielmoreira/agent-skills-mirror/infographic-generator"><img src="https://agentmods.dev/badge/skills/gabrielmoreira/agent-skills-mirror/infographic-generator/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/gabrielmoreira/agent-skills-mirror/infographic-generator"><img src="https://agentmods.dev/badge/skills/gabrielmoreira/agent-skills-mirror/infographic-generator.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00155 | $0.03920 |
| Opus 5 | $0.00077 | $0.01960 |
| Sonnet 5 | $0.00031 | $0.00784 |
| Haiku 4.5 | $0.00015 | $0.00392 |
Grade A, and why
infographic-generator scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 8d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
This is a copy
100% identical to infographic-generator — 0 lines differ, which has more behind it and is treated as the original. This page carries a canonical link to it rather than competing with it.
How it starts
The opening of the file, as written. The whole thing — 451 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Infographic Generator
Generate complete infographic specifications from any content, data, or topic. Outputs structured layout + all copy + data points + color scheme — ready to render as HTML/CSS, with Satori (server-side), in Canva, Figma, or any design tool.
LinkedIn posts with images get 2-3x more engagement. This skill turns your content into visual assets without design skills.
Inspired by content-pipeline's Satori rendering: AI writes the content → structured spec → rendered as a branded image.
Stage
This skill belongs to Stage S2: Content
When to Use
- After
viral-post-writercreates a LinkedIn post — add a visual - After
content-research-briefcollects stats — visualize them - When creating comparison content — feature/pricing comparison chart
- When sharing data or stats — stat highlight cards
- When creating a listicle — visual checklist or numbered list
- For any social media post that would benefit from a branded image
Input Schema
content: string # (required) Content to visualize — post text, data, or article
infographic_type: string # (optional, default: auto-detected)
# "stat_highlight" — 1-3 key numbers, large and bold
# "comparison" — side-by-side product/feature comparison
# "process_flow" — step-by-step workflow or how-to
# "checklist" — list of items with checkmarks
# "timeline" — chronological events
# "data_chart" — bar/pie chart representation
# "quote_card" — featured quote with attribution
# "feature_grid" — grid of features/benefits with icons
platform: string # (optional, default: "linkedin")
# "linkedin" — 1080×1350 (portrait, optimal engagement)
# "instagram" — 1080×1080 (square)
# "twitter" — 1200×675 (landscape)
# "facebook" — 1200×630
# "blog" — 1200×800 (featured image)
brand: object # (optional) Brand customization
name: string # Company/personal brand name
primary_color: string # Hex — "#0066FF"
secondary_color: string # Hex — "#1A1A2E"
accent_color: string # Hex — "#FF6B35"
font_style: string # "modern" | "classic" | "bold" | "minimal"
logo_text: string # Text-based logo — "Affitor" | "@yourhandle"
output_format: string # (optional, default: "spec")
# "spec" — structured JSON spec (for any renderer)
# "html" — renderable HTML/CSS (self-contained)
# "both" — spec + HTML
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 8d ago First seen · 451 lines · 155 tokens per session scan A fa0b5a425372
infographic-generator is a skill published in the GitHub repository gabrielmoreira/agent-skills-mirror (17 stars, last pushed yesterday), licensed MIT. It adds 155 tokens to every session and 3,920 once invoked, about $0.0008 per session on Opus 5. A static security scan graded it A with 0 findings. It is 100% identical to infographic-generator, differing in 0 lines, and is treated as a copy.
Other skills, from other repositories
infographic-generator
Generate branded infographic specifications from any content or data. Outputs structured layout, copy, data visualization, and color scheme — ready to render as HTML/CSS, Satori, Canva, or any design tool. Use this skill when the user wants an infographic, data visual, social media image, comparison chart, stat card…
infographic-creator
An information-graphic creation guide that turns written information into a visual layout using AntV Infographic, a description language for rendering infographics.
card-design
A visual design system for social-media cards and posters, covering colour choices, Chinese typography, layouts, content density, and quality checks.
banana
Direct, generate, edit, compare, and review visual assets with current Google Gemini image models. Use for image creation, image editing, reference-based consistency, product and character visuals, text-bearing graphics, grounded diagrams, video-derived images, and multi-model image portfolios.
reimagine-it-generate
Generate one Content-Derived Design direction from an HTML source, or let Auto choose the strongest direction. Use when the user says /reimagine-it generate, "redesign this page", "make it a landing page", "turn this into an infographic", names a token (all 17: webpage, infographic, svg, 3js, simulation, artistic…
reimagine-it-infographic
Content-derived infographic poster — reads the source file and builds a statistical poster from the facts already in it. Not a dashboard, not a CV, not an AntV template. Uses common-scale encodings (Cleveland–McGill floor), ISOTYPE unit counts (Neurath), custom data glyphs (Lupi/Fragapane), and a lossless data table.…