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 deancourse/user-dot-agents --skill baoyu-infographicgit clone --depth 1 https://github.com/deancourse/user-dot-agentsWrote 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/deancourse/user-dot-agents/baoyu-infographic)<a href="https://agentmods.dev/skills/deancourse/user-dot-agents/baoyu-infographic"><img src="https://agentmods.dev/badge/skills/deancourse/user-dot-agents/baoyu-infographic/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/deancourse/user-dot-agents/baoyu-infographic"><img src="https://agentmods.dev/badge/skills/deancourse/user-dot-agents/baoyu-infographic.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.00070 | $0.04718 |
| Opus 5.5 | $0.00028 | $0.01887 |
| Sonnet 5.5 | $0.00014 | $0.00944 |
| Haiku 4.5 | $0.00007 | $0.00472 |
Grade A, and why
baoyu-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 1mo 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
95% identical to baoyu-infographic — 3 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 — 334 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Infographic Generator
Two dimensions: layout (information structure) × style (visual aesthetics). Freely combine any layout with any style.
User Input Tools
When this skill prompts the user, follow this tool-selection rule (priority order):
- Prefer built-in user-input tools exposed by the current agent runtime — e.g.,
AskUserQuestion,request_user_input,clarify,ask_user, or any equivalent. - Fallback: if no such tool exists, emit a numbered plain-text message and ask the user to reply with the chosen number/answer for each question.
- Batching: if the tool supports multiple questions per call, combine all applicable questions into a single call; if only single-question, ask them one at a time in priority order.
Concrete AskUserQuestion references below are examples — substitute the local equivalent in other runtimes.
Image Generation Tools
When this skill needs to render an image, resolve the backend in this order:
- Current-request override — if the user names a specific backend in the current message, use it.
- Saved preference — if
EXTEND.mdsetspreferred_image_backendto a backend available right now, use it. - Auto-select (when the preference is
auto, unset, or the pinned backend isn't available):- Codex (
imagegen) — first, inspect your available-skills / tool inventory. If a skill namedimagegenis listed, you are running inside Codex and MUST use it: invoke via theSkilltool withskill: "imagegen", passing the saved prompt file's content (plus output path and aspect ratio per Codeximagegen's own args). Codeximagegenis the official raster backend in that runtime and outranks any non-native skill (e.g.,baoyu-image-gen) unless the user has explicitly pinned a differentpreferred_image_backend. - Codex via
codex exec(codex-imagegen) — if the current runtime exposes no nativeimagegenskill but thecodexCLI is onPATHwith an activecodex login, route throughbaoyu-image-gen --provider codex-cli(preferred), or — if baoyu-image-gen is unavailable — invoke the bundled wrapper directly. Details, parameters, and the runtime-discovery procedure live in references/codex-imagegen.md — load that file only when this branch is selected. - Other runtime-native tools — if the runtime exposes a different native image tool (e.g., Hermes
image_generate), use it the same way. - Otherwise, if exactly one non-native backend is installed (e.g.,
baoyu-image-gen), use it. - Otherwise (multiple non-native backends with no runtime-native tool), ask the user once — batch with any other initial questions.
- Codex (
- If none are available, tell the user and ask how to proceed.
What ships with it
49 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
- references/analysis-framework.md 7.3 KB
- references/base-prompt.md 1.1 KB
- references/codex-imagegen.md 3.6 KB
- references/config/first-time-setup.md 4.6 KB
- references/config/preferences-schema.md 4.5 KB
- references/layouts/bento-grid.md 851 B
- references/layouts/binary-comparison.md 1.2 KB
- references/layouts/bridge.md 907 B
- references/layouts/circular-flow.md 759 B
- references/layouts/comic-strip.md 847 B
- references/layouts/comparison-matrix.md 893 B
- references/layouts/dashboard.md 776 B
- references/layouts/dense-modules.md 3.7 KB
- references/layouts/funnel.md 821 B
- references/layouts/hierarchical-layers.md 1.2 KB
- references/layouts/hub-spoke.md 865 B
- references/layouts/iceberg.md 884 B
- references/layouts/isometric-map.md 833 B
- references/layouts/jigsaw.md 844 B
- references/layouts/linear-progression.md 1.2 KB
- references/layouts/periodic-table.md 774 B
- references/layouts/story-mountain.md 815 B
- references/layouts/structural-breakdown.md 1.1 KB
- references/layouts/tree-branching.md 913 B
- references/layouts/venn-diagram.md 825 B
- references/layouts/winding-roadmap.md 799 B
- references/structured-content-template.md 5.4 KB
- references/styles/aged-academia.md 990 B
- references/styles/bold-graphic.md 920 B
- references/styles/chalkboard.md 2.2 KB
- references/styles/claymation.md 654 B
- references/styles/corporate-memphis.md 612 B
- references/styles/craft-handmade.md 1.4 KB
- references/styles/cyberpunk-neon.md 625 B
- references/styles/hand-drawn-edu.md 2.6 KB
- references/styles/ikea-manual.md 572 B
- references/styles/kawaii.md 653 B
- references/styles/knolling.md 584 B
- references/styles/lego-brick.md 574 B
- references/styles/morandi-journal.md 2.2 KB
- references/styles/origami.md 607 B
- references/styles/pixel-art.md 562 B
- references/styles/pop-laboratory.md 2.1 KB
- references/styles/retro-pop-grid.md 2.1 KB
- references/styles/retro-popup-pop.md 2.8 KB
- references/styles/storybook-watercolor.md 703 B
- references/styles/subway-map.md 591 B
- references/styles/technical-schematic.md 983 B
- references/styles/ui-wireframe.md 596 B
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.
- 1mo ago First seen · 334 lines · 70 tokens per session scan A 784e31461446
baoyu-infographic is a skill published in the GitHub repository deancourse/user-dot-agents (7 stars, last pushed 4mo ago), licensed MIT. It adds 70 tokens to every session and 4,718 once invoked, about $0.0003 per session on Opus 5.5. A static security scan graded it A with 0 findings. It is 95% identical to baoyu-infographic, differing in 3 lines, and is treated as a copy.
Other skills, from other repositories
genui
Render structured, glanceable, interactive UI in the chat instead of plain text — dashboards, stat cards, filterable tables, charts, choice panels, forms, quizzes. Panels can carry an id so later turns update them in place, and most interaction resolves in the browser with no round-trip. Read this before calling…
artifact-design
Design guidance for any HTML/Markdown file shown in octo's Artifacts panel — reports, dashboards, architecture/system diagrams, generated UIs, slide-style pages, 3D scenes. Read this BEFORE writing the file, not after — it calibrates how much design effort the request warrants and covers the panel's real constraints…
ui-ux-pro-max
UI/UX design intelligence expert for web and mobile applications. Use when designing interfaces, selecting color palettes, typography, visual styles, building landing pages, dashboards, or reviewing code for UX issues. Covers 50+ design styles, 97 color palettes, 57 font pairings, 99 UX guidelines, 25 chart types…
atomic-visual-options
Planning-phase visual comparison aid. Renders 2-4 side-by-side variants per decision dimension as a single throwaway, self-contained HTML file and captures the user's pick as typed terminal codes (e.g. "A2 B3"). Auto-fires on phrases like "show me a few options", "mock up some variants", "let me see this side by…
ralphctl-frontend-ui-engineering
UI engineering discipline for user-facing interfaces — follow the project's design system and tokens instead of a generic look, handle loading, empty, error, and permission states, meet accessibility basics (keyboard access, labels, focus, contrast, never colour alone), and keep components focused with data loading…
vc:tech-graph
Use when you need publish-grade SVG or PNG technical diagrams for architecture, flow, sequence, UML, state, or comparison visuals, with preview used afterward for review rather than generation.