infographic

infographic is a skill for Claude Code, Codex from MountainUnicorn/add. It costs 19 tokens per session (3,322 once invoked), scanned A, original, MIT.

A generator for a project infographic in SVG, a web-friendly vector image format. It builds a branded graphic from the project's requirements document and configuration.

In plain words
What is it for?
Creating an infographic with a hero section, live metrics, workflow, value statements, terminal commands, and the project's configured colors and run command.
Why use it?
It turns project information and configured metrics into a visual reference without requiring manual layout work.

Skill for Claude CodeCodex

Installs and runs on its own, but its text points at files inside the plugin that ships it — anything it tells you to read at a ${CLAUDE_PLUGIN_ROOT} path is only there once the plugin is installed.

Install

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.

agentmods
npx agentmods add skills/mountainunicorn/add/infographic
Any agent
npx skills add MountainUnicorn/add --skill infographic
Clone the repo
git clone --depth 1 https://github.com/MountainUnicorn/add

Made for: Claude Code, Codex.

Wrote 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.

agentmods badge for infographic

README.md
[![agentmods](https://agentmods.dev/badge/skills/mountainunicorn/add/infographic.svg)](https://agentmods.dev/skills/mountainunicorn/add/infographic)
Your own site
<a href="https://agentmods.dev/skills/mountainunicorn/add/infographic"><img src="https://agentmods.dev/badge/skills/mountainunicorn/add/infographic.svg" alt="Measured on agentmods" height="20"></a>
Per session 19 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 3,322 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. Scan, not verified.
Origin original No closer match found in the catalogue.
Token cost

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.

ModelPer sessionOnce invoked
Fable 5 $0.00019 $0.03322
Opus 5 $0.00010 $0.01661
Sonnet 5 $0.00004 $0.00664
Haiku 4.5 $0.00002 $0.00332

Measured 5d ago against content hash 996021570610, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, from the pricing page.

Security

Grade A, and why

infographic 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 5d 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.

core/skills/infographic/SKILL.md · 362 lines

How it starts

The opening of the file, as written. The whole thing — 362 lines — stays where its author put it; the contents beside it link to each section on GitHub.

ADD Infographic Skill v{{VERSION}}

Generates a professional SVG infographic from the project's PRD and config. The infographic includes hero section, live metrics, workflow visualization, value propositions, and terminal command reference — all styled with the project's branding palette.

Token economy: SVG generation is mechanical work. When sub-agent dispatch is available, delegate the bulk template-fill and SVG rendering to the fast tier per rules/model-roles.md; keep the frontier-model context for judgment — content selection, layout decisions, and final review.

Pre-Flight Checks

Step 1.1: Verify ADD initialization

  • Check if .add/config.json exists
  • If not found, respond: "❌ Project not initialized. Run /add:init first."
  • HALT if config missing

Step 1.2: Load project configuration

  • Read .add/config.json to extract:
    • Project name, description, version
    • Maturity level (poc/alpha/beta/ga)
    • Quality mode
    • Branding palette (accentColor, accentGradient, preset)
    • Primary run command from environments.local.run

Step 1.3: Load template and design system

  • Read ${CLAUDE_PLUGIN_ROOT}/templates/infographic.svg.template
  • Read ${CLAUDE_PLUGIN_ROOT}/references/design-system.md for aesthetic guidance
  • If template missing, HALT with error (plugin installation issue)

Step 1.4: Check for PRD (optional)

  • Check if docs/prd.md exists
  • If exists, read for richer content extraction
  • If not found, proceed with config-only mode (fallback)

Step 1.5: Check for session handoff — per the Session-Handoff Preflight in ${CLAUDE_PLUGIN_ROOT}/references/skill-epilogue.md

Phase 1: Gather Content

Step 1.1: Extract from PRD or Config

Project identity:

  • Project name: from config projectName
  • Version: from config version
  • Eyebrow: derive from maturity level
    • poc → "PROOF OF CONCEPT"
    • alpha → "ALPHA RELEASE"
    • beta → "BETA RELEASE"
    • ga → "PRODUCTION READY"

Hero content:

  • Hero headline: extract from PRD problem statement or derive outcome-focused headline from project description
    • Must be outcome-focused, not feature-focused
    • Examples: "Ship features faster with AI agents" not "A plugin for Claude Code"
    • Max 60 characters
  • Hero subheadline: extract from PRD value proposition or use config description
    • 1-2 sentences, max 120 characters
    • Focus on transformation/benefit

Read the full file on GitHub · 362 lines

Changes

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.

  1. 5d ago First seen · 362 lines · 19 tokens per session scan A 996021570610

Subscribe to this mod's changes

infographic is a skill published in the GitHub repository MountainUnicorn/add (11 stars, last pushed 1mo ago), licensed MIT. It adds 19 tokens to every session and 3,322 once invoked, about $0.0001 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.