baoyu-infographic

Convert source content into layout-aware infographic images with style references.

Updated May 16, 2026
One-click install
npx skills add https://github.com/jaredcroxton/hermes-mirror --skill baoyu-infographic-jaredcroxton
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: baoyu-infographic
Source: https://github.com/jaredcroxton/hermes-mirror/tree/main/agents/skills/creative/baoyu-infographic
Command: npx skills add https://github.com/jaredcroxton/hermes-mirror --skill baoyu-infographic-jaredcroxton

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

It turns raw input content into a structured, design-ready infographic that preserves data verbatim and outputs a final image with a selectable layout and style.

Core Features & Use Cases

  • Layout×Style Infographic Generation: Combine 21 layouts with 21 visual styles to match your content type and visual goals.
  • Structured Content without Rewriting: Builds infographic structure (titles, sections, labels) while keeping provided information exact, including statistics and quotes.
  • Guided Workflow for Reliable Outputs: Analyzes the input, recommends combinations, clarifies key choices (combination/aspect/language when needed), then generates an image.

Quick Start

Use baoyu-infographic to create an infographic from the text or source you provide by asking for a bento-grid layout in craft-handmade style with a landscape aspect ratio.

Frequently Asked Questions about baoyu-infographic

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate an infographic from pasted text or a URL?

To generate an infographic from pasted text or a URL, the tool analyzes the source content, recommends layout and style combinations, clarifies aspect ratio choices, and produces a final structured visual image.

Can I create a visual summary without my data or quotes being rewritten?

Yes, you can create a visual summary without your data being rewritten. The process builds the infographic structure while preserving provided information, including statistics and quotes, verbatim.

What's the best way to design a data-heavy explanation as an image?

The best way to design a data-heavy explanation as an image is selecting from 21 layouts and 21 visual styles, such as a bento-grid layout in craft-handmade style, to match your content type.

Does the infographic generation process support different aspect ratios?

Yes, the infographic generation process supports different aspect ratios. It applies supported aspect mapping during image production to ensure the final visual output matches your layout requirements.

When do I need to use a timeline or comparison layout for data visualization?

You need to use a timeline or comparison layout for data visualization when converting source content into structured, layout-aware visuals for educational diagrams, comparisons, or chronological explanations.

Are there limitations when handling different languages for infographic layout design?

Language handling is supported during the interactive option confirmation phase, but successful layout design depends on providing clear source content and confirming the recommended layout and style combinations.