
Baoyu Infographic
This is a comprehensive infographic generator that combines 21 layout types with 20 visual styles to create publication-ready graphics. You feed it markdown content, and it analyzes what you're trying to communicate, recommends a layout-style pairing (or you can specify one), then structures everything visually while preserving your data verbatim. The workflow is methodical: it analyzes your content, defines learning objectives, creates a structured outline optimized for visual communication, then generates the final image. Ships with practical combinations like linear-progression plus ikea-manual for tutorials, or dense-modules plus morandi-journal for product guides. Supports user and project-level preferences via EXTEND.md files, multiple aspect ratios, and multilingual output.
- skills.sh installs
- 175
- GitHub stars
- 102
- last updated
- Aug 21, 2026
Install
$ npx -y skills add xy121718/baoyu-skills --skill baoyu-infographic --agent claude-codeInstalls into .claude/skills of the current project.
Files
Infographic Generator
Two dimensions: layout (information structure) × style (visual aesthetics). Freely combine any layout with any style.
Usage
/baoyu-infographic path/to/content.md
/baoyu-infographic path/to/content.md --layout hierarchical-layers --style technical-schematic
/baoyu-infographic path/to/content.md --aspect portrait --lang zh
/baoyu-infographic # then paste content
Options
| Option | Values |
|---|---|
--layout | 21 options (see Layout Gallery), default: bento-grid |
--style | 20 options (see Style Gallery), default: craft-handmade |
--aspect | landscape (16:9), portrait (9:16), square (1:1) |
--lang | en, zh, ja, etc. |
Layout Gallery
Sponsors
Details
- Repository
- github.com/xy121718/baoyu-skills
- Categories
- Frontend Development, Code Review & Quality, Design & UI/UX
- First seen
- Jun 3, 2026