Visual Explainer
nicobailon/visual-explainer
Turns systems, code changes, plans and data into self-contained HTML pages where figures carry the explanation, with options for slide decks and narrated MP4 videos.
Generate hand-drawn cartoon-style infographics from articles, concepts, reports, or data.
Install Infographic Maker
$ npx skills add infometa/workbuddyskills --skill infographic-maker -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install infometa/workbuddyskills infographic-maker --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/infometa/workbuddyskills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/infographic-maker .claude/skills/infographic-maker && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "infographic-maker" agent skill from https://github.com/infometa/workbuddyskills/tree/main/skills/infographic-maker into .claude/skills/infographic-maker/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "infographic-maker", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/infometa/workbuddyskills/tree/main/skills/infographic-makerType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add infometa/workbuddyskills --skill infographic-maker -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install infometa/workbuddyskills infographic-maker --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/infometa/workbuddyskills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/infographic-maker .agents/skills/infographic-maker && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "infographic-maker" agent skill from https://github.com/infometa/workbuddyskills/tree/main/skills/infographic-maker into .agents/skills/infographic-maker/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "infographic-maker", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add infometa/workbuddyskills --skill infographic-maker -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install infometa/workbuddyskills infographic-maker --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/infometa/workbuddyskills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/infographic-maker .cursor/skills/infographic-maker && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "infographic-maker" agent skill from https://github.com/infometa/workbuddyskills/tree/main/skills/infographic-maker into .cursor/skills/infographic-maker/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "infographic-maker", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/infometa/workbuddyskills.git --path skills/infographic-maker--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add infometa/workbuddyskills --skill infographic-maker -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install infometa/workbuddyskills infographic-maker --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/infometa/workbuddyskills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/infographic-maker .gemini/skills/infographic-maker && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "infographic-maker" agent skill from https://github.com/infometa/workbuddyskills/tree/main/skills/infographic-maker into .gemini/skills/infographic-maker/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "infographic-maker", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install infometa/workbuddyskills infographic-makerInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add infometa/workbuddyskills --skill infographic-maker -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/infometa/workbuddyskills.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/infographic-maker .github/skills/infographic-maker && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "infographic-maker" agent skill from https://github.com/infometa/workbuddyskills/tree/main/skills/infographic-maker into .github/skills/infographic-maker/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "infographic-maker", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add infometa/workbuddyskills --skill infographic-maker -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install infometa/workbuddyskills infographic-maker --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/infometa/workbuddyskills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/infographic-maker .opencode/skills/infographic-maker && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "infographic-maker" agent skill from https://github.com/infometa/workbuddyskills/tree/main/skills/infographic-maker into .opencode/skills/infographic-maker/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "infographic-maker", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
infographic-maker- GitHub stars
- 346
- Token cost
- ~1.6k tokens
- SKILL.md length
- 689 words
- Files
- 2 (incl. references)
- Skills in repo
- 218
- Repo updated
- First seen
- Licence
- None found
At a glance
Generate hand-drawn cartoon-style infographics from articles, concepts, reports, or data.
- Works in 4 steps: Content Analysis & Distillation → Prompt Construction → Image Generation → …
- A user wants a visual summary
- SKILL.md covers Overview, Workflow, Usage Examples and Important Notes
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
What it does
Infographic Maker is an agent skill from infometa/workbuddyskills. Generate hand-drawn cartoon-style infographics from articles, concepts, reports, or data. Use when a user wants a visual summary, knowledge card, illustrated overview, or one-page explainer. Distill 3-7 key points, map them to concrete visual metaphors, and produce a single 16:9 infographic image with minimal text and strong visual hierarchy.
Its SKILL.md is about 1.6k tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files, including reference files (for example `references/style-guide.md`).
It sits in Media & Creative, covering Infographics. The repository describes itself as: WorkBuddy skills / connectors / experts archive for offline study.
When your agent uses it
- A user wants a visual summary
- Illustrated overview
- One-page explainer
Example prompts
- “/infographic-maker”
Workflow steps
4 steps, taken from the step headings in SKILL.md.
- Content Analysis & Distillation
- Prompt Construction
- Image Generation
- Review & Iteration
What it can do on your machine
Read from SKILL.md and the folder at commit 692b3eb. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Infographic Maker loads about 1.6k tokens when it runs, and up to ~3.1k if it reads all its reference files. Until then it costs about 91 tokens; SKILL.md has 689 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
Without a licence we can't republish the file, so here is its outline and opening line. It has 689 words (~1,612 tokens).
“Transform any input content — articles, concepts, data, meeting notes, or ideas — into a visually engaging, hand-drawn cartoon-style infographic. The output is a single 16:9 landscape image optimized for quick comprehension and visual memorability.”
- name
- infographic-maker
- description_zh
- 把文章、概念和数据提炼成手绘卡通信息图
- description_en
- Turn articles, concepts, and data into hand-drawn infographic visuals
- display_name
- infographic-maker
- display_name_en
- infographic-maker
- visibility
- public
Files
SKILL.md and 1 other file (references) in skills/infographic-maker of infometa/workbuddyskills.
- SKILL.md
- references/style-guide.md
Open the folder on GitHubat commit 692b3eb
Compare with similar skills
Infographic Maker next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Infographic Maker this skillinfometa/workbuddyskills | 346 | — | ~1.6k | Automated safety check: Pass | None | |
| Visual Explainernicobailon/visual-explainer | 10k | — | ~3.3k | Automated safety check: Pass | MIT | |
| Lanshu Create AI Presenter Videocclank/lanshu-create-ai-presenter-video | 2.6k | — | ~3.6k | Automated safety check: Pass | MIT | |
| Image Generationonyx-dot-app/onyx | 32k | 1 repos | ~1.7k | Automated safety check: Pass | Custom licence | |
| Math ExplainerGordenSun/mathVideoMaker | 290 | 1 repos | ~2.4k | Automated safety check: Pass | None | |
| SEO Image GeneratorAgriciDaniel/claude-seo | 19k | 2 repos | ~2.1k | Automated safety check: Pass | MIT |
Similar skills
Lanshu Create AI Presenter Video
cclank/lanshu-create-ai-presenter-video
Turn a topic or finished script into a complete, publish-ready explainer video — led by an AI presenter from an authorized adult presenter image, or performed in one of nine visual explainer styles…
Image Generation
onyx-dot-app/onyx
Generate or edit raster images (photos, illustrations, textures, sprites, mockups, logos, infographics) using the workspace's configured image-generation provider via onyx-cli image.
Math Explainer
GordenSun/mathVideoMaker
Generate math explanation videos (animated with Manim) and interactive web pages from a user's request.
SEO Image Generator
AgriciDaniel/claude-seo
Generates Open Graph previews, blog hero images, product photos and infographics for SEO use through Gemini image tools and the banana extension.
Ecom Image2
buluslan/gpt-image2-ecommerce
由 buluslan（公众号：新西楼.AI）研发的开源电商做图 Skill：39 个电商场景模板、Campaign 套图一致性、GPT-Image-2.5 官方双模型路由（Flare/Sunburst）与平台技术预检。通过用户配置的 OpenAI 兼容端点生成图片，或导出 prompt 包手动使用。Trigger whenever the user wants product main…
More from infometa/workbuddyskills
All 218 skills in this repoCampus Event Playbook
infometa/workbuddyskills
This skill should be used when planning, coordinating, running, or reviewing student-led campus events, including club recruitment, freshman mixers, welcome activities, small talks, competitions…
Teachany
infometa/workbuddyskills
K-12 interactive courseware creation. An agent skill from infometa/workbuddyskills.
Weight Management HTML
infometa/workbuddyskills
A skill your agent uses when the adult weight-management MCP needs to be installed/set up in WorkBuddy (connector) or its result must be rendered as a standalone Chinese HTML plan.
Agent Browser
infometa/workbuddyskills
A skill your agent uses when the user needs browser automation, including opening web pages, taking screenshots, extracting page content, clicking elements, filling forms, or testing web flows.
AI Research Radar
infometa/workbuddyskills
定时任务：每日研究简报。漏掉重要论文和行业报告？每天帮你盯着，关键信息一条不漏 This skill should be used when the user asks about 定时任务：每日研究简报.
Check Deck
infometa/workbuddyskills
Investment banking presentation quality checker. An agent skill from infometa/workbuddyskills.
Related
Categories
Questions about Infographic Maker
What does Infographic Maker do?
Generate hand-drawn cartoon-style infographics from articles, concepts, reports, or data. Infographic Maker is an agent skill from infometa/workbuddyskills. Generate hand-drawn cartoon-style infographics from articles, concepts, reports, or data.
When should I use Infographic Maker?
Infographic Maker fits situations like: A user wants a visual summary; illustrated overview; one-page explainer.
How do I install Infographic Maker in Claude Code?
Run `npx skills add infometa/workbuddyskills --skill infographic-maker -a claude-code`. Or copy the skill folder (skills/infographic-maker in infometa/workbuddyskills) into .claude/skills/infographic-maker in your project. Claude Code loads it when a task matches its description.
How do I install Infographic Maker in Codex?
Run `npx skills add infometa/workbuddyskills --skill infographic-maker -a codex`. Or copy the skill folder (skills/infographic-maker in infometa/workbuddyskills) into .agents/skills/infographic-maker in your project. Codex loads it when a task matches its description.
Can I use Infographic Maker in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add infometa/workbuddyskills --skill infographic-maker -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/infographic-maker, .gemini/skills/infographic-maker, .github/skills/infographic-maker and .opencode/skills/infographic-maker in your project.
What does Infographic Maker need to run?
SKILL.md names no scripts, command-line tools or credentials: Infographic Maker is instructions for the agent only.
Does Infographic Maker access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Infographic Maker safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Infographic Maker use?
No licence was found for Infographic Maker or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.
How many tokens does Infographic Maker use?
About 1.6k tokens (SKILL.md is roughly 6.4k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 1.5k tokens, read only when the agent opens those files.
What are the alternatives to Infographic Maker?
Skills that share tags, products or a category with Infographic Maker: Visual Explainer (nicobailon/visual-explainer, 10k stars), Lanshu Create AI Presenter Video (cclank/lanshu-create-ai-presenter-video, 2.6k stars), Image Generation (onyx-dot-app/onyx, 32k stars) and Math Explainer (GordenSun/mathVideoMaker, 290 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Infographic Maker?
infometa (a GitHub user) maintains it in infometa/workbuddyskills, which has 346 GitHub stars. The repository holds 218 skills in this directory. The repository was last updated on October 8, 2026.
Source: infometa/workbuddyskills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.