New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Prismer Baoyu Infographic

by Prismer-AI in Prismer-AI/PrismerCloud

Infographics: 21 layouts x 21 styles (信息图, 可视化). An agent skill from Prismer-AI/PrismerCloud.

MITAuto-check passedMedia & Creative

Install Prismer Baoyu Infographic

skills CLI
$ npx skills add Prismer-AI/PrismerCloud --skill prismer-baoyu-infographic -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install Prismer-AI/PrismerCloud prismer-baoyu-infographic --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/Prismer-AI/PrismerCloud.git skills-src && mkdir -p .claude/skills && cp -r skills-src/sdk/cloud/catalog/skills/prismer-baoyu-infographic .claude/skills/prismer-baoyu-infographic && rm -rf skills-src

Use ~/.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/

Facts

Skill name
prismer-baoyu-infographic
GitHub stars
1.6k
Used in
5 other repos
Token cost
~2.7k tokens
SKILL.md length
1,055 words
Files
52 (incl. references)
Skills in repo
88
Repo updated
First seen
Licence
MIT

At a glance

Infographics: 21 layouts x 21 styles (信息图, 可视化). An agent skill from Prismer-AI/PrismerCloud.

  • Works in 7 steps: Analyze Content → Generate Structured Content →… → Recommend Combinations → …
  • Tasks that involve Infographics
  • SKILL.md covers When to Use, Options, Layout Gallery and Style Gallery, plus 7 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Prismer Baoyu Infographic is an agent skill from Prismer-AI/PrismerCloud. Infographics: 21 layouts x 21 styles (信息图, 可视化).

Its SKILL.md is about 2.7k tokens, which your agent loads only when the skill is triggered. The skill folder holds 53 other files, including reference files (for example `PORT_NOTES.md`, `PROVENANCE.md` and `references/analysis-framework.md`).

It sits in Media & Creative, covering Infographics. The licence is MIT.

When your agent uses it

  • Tasks that involve Infographics

Example prompts

  • “/prismer-baoyu-infographic”

Workflow steps

7 steps, taken from the step headings in SKILL.md.

  1. Analyze Content
  2. Generate Structured Content → structured-content.md
  3. Recommend Combinations
  4. Confirm Options
  5. Generate Prompt → prompts/infographic.md
  6. Generate Image
  7. Output Summary

What it can do on your machine

Read from SKILL.md and the folder at commit 0d240dd. 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

    Links to these hosts (documentation or services it may open):

    • github.com

    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

Prismer Baoyu Infographic loads about 2.7k tokens when it runs, and up to ~17k if it reads all its reference files. Until then it costs about 19 tokens; SKILL.md has 1,055 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~19
When it runs · the whole SKILL.md, loaded when a task matches
~2.7k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~17k

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

The full file from Prismer-AI/PrismerCloud at commit 0d240dd, republished under its MIT licence (© Prismer-AI). 1,055 words, ~2,662 tokens.

Download SKILL.mdSave it as .claude/skills/prismer-baoyu-infographic/SKILL.md (or your agent's skills folder). This skill also uses 51 other files; get the full folder from GitHub.
name
prismer-baoyu-infographic
description
Infographics: 21 layouts x 21 styles (信息图, 可视化).
scope
common
category
creative
version
1.56.1
author
宝玉 (JimLiu)
license
MIT
platforms
linux, macos, windows
metadata.nativeReplaces
baoyu-infographic

Infographic Generator

Adapted from baoyu-infographic for Hermes Agent's tool ecosystem.

Two dimensions: layout (information structure) × style (visual aesthetics). Freely combine any layout with any style.

When to Use

Trigger this skill when the user asks to create an infographic, visual summary, information graphic, or uses terms like "信息图", "可视化", or "高密度信息大图". The user provides content (text, file path, URL, or topic) and optionally specifies layout, style, aspect ratio, or language.

Options

OptionValues
Layout21 options (see Layout Gallery), default: bento-grid
Style21 options (see Style Gallery), default: craft-handmade
AspectNamed: landscape (16:9), portrait (9:16), square (1:1). Custom: any W:H ratio (e.g., 3:4, 4:3, 2.35:1)
Languageen, zh, ja, etc.
LayoutBest For
linear-progressionTimelines, processes, tutorials
binary-comparisonA vs B, before-after, pros-cons
comparison-matrixMulti-factor comparisons
hierarchical-layersPyramids, priority levels
tree-branchingCategories, taxonomies
hub-spokeCentral concept with related items
structural-breakdownExploded views, cross-sections
bento-gridMultiple topics, overview (default)
icebergSurface vs hidden aspects
bridgeProblem-solution
funnelConversion, filtering
isometric-mapSpatial relationships
dashboardMetrics, KPIs
periodic-tableCategorized collections
comic-stripNarratives, sequences
story-mountainPlot structure, tension arcs
jigsawInterconnected parts
venn-diagramOverlapping concepts
winding-roadmapJourney, milestones
circular-flowCycles, recurring processes
dense-modulesHigh-density modules, data-rich guides

Full definitions: references/layouts/<layout>.md

StyleDescription
craft-handmadeHand-drawn, paper craft (default)
claymation3D clay figures, stop-motion
kawaiiJapanese cute, pastels
storybook-watercolorSoft painted, whimsical
chalkboardChalk on black board
cyberpunk-neonNeon glow, futuristic
bold-graphicComic style, halftone
aged-academiaVintage science, sepia
corporate-memphisFlat vector, vibrant
technical-schematicBlueprint, engineering
origamiFolded paper, geometric
pixel-artRetro 8-bit
ui-wireframeGrayscale interface mockup
subway-mapTransit diagram
ikea-manualMinimal line art
knollingOrganized flat-lay
lego-brickToy brick construction
pop-laboratoryBlueprint grid, coordinate markers, lab precision
morandi-journalHand-drawn doodle, warm Morandi tones
retro-pop-grid1970s retro pop art, Swiss grid, thick outlines
hand-drawn-eduMacaron pastels, hand-drawn wobble, stick figures

Full definitions: references/styles/<style>.md

Content TypeLayout + Style
Timeline/Historylinear-progression + craft-handmade
Step-by-steplinear-progression + ikea-manual
A vs Bbinary-comparison + corporate-memphis
Hierarchyhierarchical-layers + craft-handmade
Overlapvenn-diagram + craft-handmade
Conversionfunnel + corporate-memphis
Cyclescircular-flow + craft-handmade
Technicalstructural-breakdown + technical-schematic
Metricsdashboard + corporate-memphis
Educationalbento-grid + chalkboard
Journeywinding-roadmap + storybook-watercolor
Categoriesperiodic-table + bold-graphic
Product Guidedense-modules + morandi-journal
Technical Guidedense-modules + pop-laboratory
Trendy Guidedense-modules + retro-pop-grid
Educational Diagramhub-spoke + hand-drawn-edu
Process Tutoriallinear-progression + hand-drawn-edu

Default: bento-grid + craft-handmade

Keyword Shortcuts

When user input contains these keywords, auto-select the associated layout and offer associated styles as top recommendations in Step 3. Skip content-based layout inference for matched keywords.

If a shortcut has Prompt Notes, append them to the generated prompt (Step 5) as additional style instructions.

User KeywordLayoutRecommended StylesDefault AspectPrompt Notes
高密度信息大图 / high-density-infodense-modulesmorandi-journal, pop-laboratory, retro-pop-gridportrait—
信息图 / infographicbento-gridcraft-handmadelandscapeMinimalist: clean canvas, ample whitespace, no complex background textures. Simple cartoon elements and icons only.

Output Structure

infographic/{topic-slug}/
├── source-{slug}.{ext}
├── analysis.md
├── structured-content.md
├── prompts/infographic.md
└── infographic.png

Slug: 2-4 words kebab-case from topic. Conflict: append -YYYYMMDD-HHMMSS.

Core Principles

  • Preserve source data faithfully — no summarization or rephrasing (but strip any credentials, API keys, tokens, or secrets before including in outputs)
  • Define learning objectives before structuring content
  • Structure for visual communication (headlines, labels, visual elements)

Workflow

Step 1: Analyze Content

Load references: Read references/analysis-framework.md from this skill.

  1. Save source content (file path or paste → source.md using write_file)
    • Backup rule: If source.md exists, rename to source-backup-YYYYMMDD-HHMMSS.md
  2. Analyze: topic, data type, complexity, tone, audience
  3. Detect source language and user language
  4. Extract design instructions from user input
  5. Save analysis to analysis.md
    • Backup rule: If analysis.md exists, rename to analysis-backup-YYYYMMDD-HHMMSS.md

See references/analysis-framework.md for detailed format.

Step 2: Generate Structured Content → structured-content.md

Transform content into infographic structure:

  1. Title and learning objectives
  2. Sections with: key concept, content (verbatim), visual element, text labels
  3. Data points (all statistics/quotes copied exactly)
  4. Design instructions from user

Rules: Markdown only. No new information. Preserve data faithfully. Strip any credentials or secrets from output.

See references/structured-content-template.md for detailed format.

Show full SKILL.md (425 more words)Show less
Step 3: Recommend Combinations

3.1 Check Keyword Shortcuts first: If user input matches a keyword from the Keyword Shortcuts table, auto-select the associated layout and prioritize associated styles as top recommendations. Skip content-based layout inference.

3.2 Otherwise, recommend 3-5 layout×style combinations based on:

  • Data structure → matching layout
  • Content tone → matching style
  • Audience expectations
  • User design instructions
Step 4: Confirm Options

Use the available user-input mechanism only when an unresolved choice materially affects the result. Otherwise proceed with the user's stated choices and reasonable defaults; do not require a tool named clarify:

Q1 — Combination: Present 3+ layout×style combos with rationale. Ask user to pick one.

Q2 — Aspect: Ask for aspect ratio preference (landscape/portrait/square or custom W:H).

Q3 — Language (only if source ≠ user language): Ask which language the text content should use.

Step 5: Generate Prompt → prompts/infographic.md

Backup rule: If prompts/infographic.md exists, rename to prompts/infographic-backup-YYYYMMDD-HHMMSS.md

Load references: Read the selected layout from references/layouts/<layout>.md and style from references/styles/<style>.md.

Combine:

  1. Layout definition from references/layouts/<layout>.md
  2. Style definition from references/styles/<style>.md
  3. Base template from references/base-prompt.md
  4. Structured content from Step 2
  5. All text in confirmed language

Aspect ratio resolution for {{ASPECT_RATIO}}:

  • Named presets → ratio string: landscape→16:9, portrait→9:16, square→1:1
  • Custom W:H ratios → use as-is (e.g., 3:4, 4:3, 2.35:1)

Save the assembled prompt to prompts/infographic.md using write_file.

Step 6: Generate Image

Use the installed image-generate skill and its bundled generate-and-deliver helper with the assembled prompt from Step 5; follow its single-delivery contract. Do not assume a tool named image_generate exists.

  • Use the image-generate helper's supported sizes: landscape 1792x1024, portrait 1024x1792, square 1024x1024; check model capability.
  • For custom ratios, pick the closest named aspect
  • On failure, auto-retry once
  • Save the resulting image URL/path to the output directory
Step 7: Output Summary

Report: topic, layout, style, aspect, language, output path, files created.

References

  • references/analysis-framework.md — Analysis methodology
  • references/structured-content-template.md — Content format
  • references/base-prompt.md — Prompt template
  • references/layouts/<layout>.md — 21 layout definitions
  • references/styles/<style>.md — 21 style definitions

Pitfalls

  1. Data integrity is paramount — never summarize, paraphrase, or alter source statistics. "73% increase" must stay "73% increase", not "significant increase".
  2. Strip secrets — always scan source content for API keys, tokens, or credentials before including in any output file.
  3. One message per section — each infographic section should convey one clear concept. Overloading sections reduces readability.
  4. Style consistency — the style definition from the references file must be applied consistently across the entire infographic. Don't mix styles.
  5. Output verification — inspect generated text against every source field; OCR is an aid, not proof. Do not invent missing metrics or branding. Use supported image-generate sizes rather than an undocumented tool format.

© Prismer-AI, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 51 other files (references) in sdk/cloud/catalog/skills/prismer-baoyu-infographic of Prismer-AI/PrismerCloud.

  • SKILL.md
  • LICENSE
  • LICENSE.hermes
  • LICENSE.origin
  • PORT_NOTES.md
  • PROVENANCE.md
  • references/analysis-framework.md
  • references/base-prompt.md
  • references/layouts/bento-grid.md
  • references/layouts/binary-comparison.md
  • references/layouts/bridge.md
  • references/layouts/circular-flow.md
  • references/layouts/comic-strip.md
  • references/layouts/comparison-matrix.md
  • references/layouts/dashboard.md
  • references/layouts/dense-modules.md
  • references/layouts/funnel.md
  • references/layouts/hierarchical-layers.md
  • references/layouts/hub-spoke.md
  • … and 33 more

Open the folder on GitHubat commit 0d240dd

Used in 5 other repositories

We found 6 copies of this SKILL.md (exact, near-identical or edited) in other folders, from 5 other GitHub owners. This page covers the copy in Prismer-AI/PrismerCloud, which our catalogue first saw on October 7, 2026.

Compare with similar skills

Prismer Baoyu Infographic 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.

Prismer Baoyu Infographic compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Prismer Baoyu Infographic this skillPrismer-AI/PrismerCloud1.6k5 repos~2.7kAutomated safety check: PassMIT
Visual Explainernicobailon/visual-explainer10k—~3.5kAutomated safety check: PassMIT
Lanshu Create AI Presenter Videocclank/lanshu-create-ai-presenter-video2.6k—~3.6kAutomated safety check: PassMIT
Image Generationonyx-dot-app/onyx32k1 repos~1.7kAutomated safety check: PassCustom licence
Math ExplainerGordenSun/mathVideoMaker2901 repos~2.4kAutomated safety check: PassNone
SEO Image GeneratorAgriciDaniel/claude-seo19k2 repos~2.1kAutomated safety check: PassMIT

Similar skills

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

    10k GitHub stars~3.5k tokensUpdated today
    Media & CreativeAuto-check passed

  • 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…

    2.6k GitHub stars~3.6k tokensUpdated today
    Media & CreativeAuto-check passed

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

    32k GitHub starsUsed in 1 repo~1.7k tokens
    Media & CreativeAuto-check passed

  • Math Explainer

    GordenSun/mathVideoMaker

    Generate math explanation videos (animated with Manim) and interactive web pages from a user's request.

    290 GitHub starsUsed in 1 repo~2.4k tokens
    Media & CreativeAuto-check passed

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

    19k GitHub starsUsed in 2 repos~2.1k tokens
    Media & CreativeAuto-check passed

  • 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…

    410 GitHub stars~2.9k tokensUpdated 24 days ago
    Media & CreativeAuto-check passed

More from Prismer-AI/PrismerCloud

All 88 skills in this repo

  • Prismer Google Workspace

    Prismer-AI/PrismerCloud

    Gives an agent account-scoped access to Gmail, Calendar, Drive, Contacts, Docs and Sheets through the gws CLI or a bundled Python client.

    1.6k GitHub starsUsed in 3 repos~4.2k tokens
    Auto-check passed

  • Prismer Skill Creator

    Prismer-AI/PrismerCloud

    Walks an agent through creating, importing, editing, validating, testing and publishing Prismer Skills with a fixed workflow and bundled scripts.

    1.6k GitHub stars~2.6k tokensUpdated today
    Auto-check: notes

  • Himalaya Email CLI

    Prismer-AI/PrismerCloud

    Operates a mailbox from the terminal with the external Himalaya CLI over IMAP, SMTP, Notmuch or Sendmail, separate from any built-in email gateway adapter.

    1.6k GitHub starsUsed in 2 repos~2.3k tokens
    Auto-check passed

  • Prismer Image Generation

    Prismer-AI/PrismerCloud

    Generates one image from a text prompt with a bundled Node.js helper and delivers it once as the attachment to the current Prismer reply.

    1.6k GitHub stars~1.4k tokensUpdated today
    Auto-check passed

  • Manim Explainer Videos

    Prismer-AI/PrismerCloud

    Produces 3Blue1Brown-style explainer animations with Manim Community Edition for math, algorithms, equations and architecture diagrams, with planning and rendering references.

    1.6k GitHub starsUsed in 2 repos~3.1k tokens
    Auto-check passed

  • Prismer Role Builder

    Prismer-AI/PrismerCloud

    Creates or updates Prismer role templates from a persona, SOP or job description, and turns a role into a working agent that runs its first task through a bundled script.

    1.6k GitHub stars~2.3k tokensUpdated today
    Auto-check: notes

Categories

Questions about Prismer Baoyu Infographic

What does Prismer Baoyu Infographic do?

Infographics: 21 layouts x 21 styles (信息图, 可视化). An agent skill from Prismer-AI/PrismerCloud. Prismer Baoyu Infographic is an agent skill from Prismer-AI/PrismerCloud. Infographics: 21 layouts x 21 styles (信息图, 可视化).

When should I use Prismer Baoyu Infographic?

Prismer Baoyu Infographic fits situations like: tasks that involve Infographics.

How do I install Prismer Baoyu Infographic in Claude Code?

Run `npx skills add Prismer-AI/PrismerCloud --skill prismer-baoyu-infographic -a claude-code`. Or copy the skill folder (sdk/cloud/catalog/skills/prismer-baoyu-infographic in Prismer-AI/PrismerCloud) into .claude/skills/prismer-baoyu-infographic in your project. Claude Code loads it when a task matches its description.

How do I install Prismer Baoyu Infographic in Codex?

Run `npx skills add Prismer-AI/PrismerCloud --skill prismer-baoyu-infographic -a codex`. Or copy the skill folder (sdk/cloud/catalog/skills/prismer-baoyu-infographic in Prismer-AI/PrismerCloud) into .agents/skills/prismer-baoyu-infographic in your project. Codex loads it when a task matches its description.

Can I use Prismer Baoyu Infographic 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 Prismer-AI/PrismerCloud --skill prismer-baoyu-infographic -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/prismer-baoyu-infographic, .gemini/skills/prismer-baoyu-infographic, .github/skills/prismer-baoyu-infographic and .opencode/skills/prismer-baoyu-infographic in your project.

What does Prismer Baoyu Infographic need to run?

SKILL.md names no scripts, command-line tools or credentials: Prismer Baoyu Infographic is instructions for the agent only.

Does Prismer Baoyu Infographic access the network?

SKILL.md names 1 domain. As links in the text: github.com. This is read from the text; nothing was executed.

Is Prismer Baoyu Infographic 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 Prismer Baoyu Infographic use?

Prismer Baoyu Infographic is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Prismer Baoyu Infographic use?

About 2.7k tokens (SKILL.md is roughly 11k 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 15k tokens, read only when the agent opens those files.

What are the alternatives to Prismer Baoyu Infographic?

Skills that share tags, products or a category with Prismer Baoyu Infographic: 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 Prismer Baoyu Infographic?

Prismer-AI (a GitHub organization) maintains it in Prismer-AI/PrismerCloud, which has 1,555 GitHub stars. The repository holds 88 skills in this directory. The repository was last updated on October 11, 2026.

Source: Prismer-AI/PrismerCloud on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.